:root {
  --ink: #111a2e;
  --muted: #59647a;
  --paper: #f6f8fc;
  --white: #ffffff;
  --lime: #9fb1ff;
  --forest: #14213d;
  --forest-soft: #203258;
  --mint: #e7ecff;
  --line: #d9dfeb;
  --blue: #e4ebff;
  --focus: #3158d9;
  --cobalt: #3158d9;
  --cobalt-bright: #6f8cff;
  --warm: #f4a261;
  --shadow: 0 22px 60px rgba(20, 33, 61, .12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 1rem/1.65 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; }
.skip-link { position: fixed; z-index: 10; top: .75rem; left: .75rem; padding: .75rem 1rem; border-radius: .5rem; background: var(--white); color: var(--ink); font-weight: 650; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; box-shadow: 0 0 0 5px var(--white); }
nav { min-height: 4.5rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; max-width: 72rem; margin: auto; padding: .85rem 1.75rem; border-bottom: 1px solid var(--line); }
.brand { padding: .4rem 0; text-decoration: none; font-weight: 650; letter-spacing: -.015em; }
.brand span { color: var(--cobalt); font-weight: 520; }
.navlinks { display: flex; align-items: center; gap: .8rem; }
.navlinks a { min-height: 2.75rem; display: inline-flex; align-items: center; padding: .5rem .7rem; text-decoration: none; color: #3e4b44; font-size: .94rem; }
.navlinks a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: .25rem; }
.navlinks a[aria-current="page"] { color: var(--ink); font-weight: 650; }
.menu-toggle { display:none; }
.button { min-height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: .65rem 1.05rem; text-decoration: none; font-weight: 620; line-height: 1.3; }
.button.dark { background: var(--ink); color: var(--white); }
.button.light { background: var(--white); color: var(--ink); }
.wrap { width: min(100% - 3.5rem, 68rem); margin-inline: auto; }
.hero { padding: clamp(3.5rem, 7vw, 5.5rem) 0 3.25rem; }
.home-hero { padding-top: clamp(4rem, 8vw, 6rem); }
.split-hero { display: grid; grid-template-columns: minmax(0, .94fr) minmax(26rem, 1.06fr); gap: clamp(2.5rem, 6vw, 5rem); align-items: center; min-height: 42rem; }
.split-hero h1 { max-width: 42rem; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem; margin-top: 2rem; }
.text-link { font-weight: 620; text-decoration-thickness: 1px; text-underline-offset: .25rem; }
.workspace-preview { overflow: hidden; border: 1px solid #9cad9f; border-radius: 1.15rem; background: #fff; box-shadow: 0 28px 70px rgba(23,63,49,.18); transform: rotate(1.25deg); }
.preview-bar { min-height: 3rem; display: flex; align-items: center; gap: .42rem; padding: .75rem 1rem; border-bottom: 1px solid var(--line); background: #f0f4f1; }
.preview-bar span { width: .55rem; height: .55rem; border-radius: 50%; background: #b8c4bd; }
.preview-bar b { margin-left: .55rem; font-size: .76rem; font-weight: 650; }
.preview-body { display: grid; grid-template-columns: 3.25rem 1fr; min-height: 24rem; }
.preview-sidebar { display: flex; flex-direction: column; align-items: center; gap: 1.05rem; padding-top: 1.35rem; background: var(--forest); }
.preview-sidebar i { width: 1.15rem; height: 1.15rem; border: 1px solid #86a194; border-radius: .25rem; }
.preview-sidebar i:first-child { background: var(--lime); border-color: var(--lime); }
.preview-content { padding: 1.5rem; }
.preview-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.preview-heading small, .preview-heading strong { display: block; }
.preview-heading small { color: #3158d9; font-size: .62rem; font-weight: 700; letter-spacing: .09em; }
.preview-heading strong { margin-top: .25rem; font-size: 1.05rem; }
.preview-heading em { padding: .25rem .5rem; border-radius: 999px; background: #dff5e8; color: #17643b; font-size: .66rem; font-style: normal; font-weight: 700; }
.preview-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; margin: 1.5rem 0; }
.preview-metrics article { padding: .8rem; border: 1px solid var(--line); border-radius: .55rem; }
.preview-metrics small, .preview-metrics b { display: block; }
.preview-metrics small { color: var(--muted); font-size: .62rem; }
.preview-metrics b { margin: .35rem 0 .7rem; font-size: 1.2rem; }
.meter { height: .3rem; display: block; overflow: hidden; border-radius: 1rem; background: #e8ece9; }
.meter i { height: 100%; display: block; border-radius: inherit; background: var(--forest); }
.preview-table { border-block: 1px solid var(--line); }
.preview-table > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem .15rem; border-bottom: 1px solid #e8ece9; font-size: .77rem; }
.tag { min-width: 4.2rem; padding: .22rem .4rem; border-radius: 999px; text-align: center; font-size: .6rem; font-style: normal; font-weight: 700; }
.tag.green { background: #dff5e8; color: #17643b; }.tag.gold { background: #fff0c2; color: #735200; }.tag.blue { background: #e1eefc; color: #275a8a; }
.dual-preview { display: grid; grid-template-columns: 1.05fr .95fr; gap: .75rem; margin: 1.5rem 0 1rem; }
.dual-preview article { min-height: 12rem; padding: 1rem; border: 1px solid var(--line); border-radius: .65rem; }
.dual-preview article > div { margin-bottom: 1rem; padding-bottom: .75rem; border-bottom: 1px solid var(--line); }
.dual-preview small, .dual-preview b { display: block; }
.dual-preview small { color: #3158d9; font-size: .6rem; font-weight: 700; letter-spacing: .08em; }
.dual-preview b { margin-top: .2rem; font-size: .82rem; }
.dual-preview article > span { display: flex; align-items: center; gap: .45rem; padding: .42rem 0; color: var(--muted); font-size: .68rem; }
.dual-preview article > span i { width: .8rem; height: .8rem; display: grid; place-items: center; border: 1px solid #93a49b; border-radius: .2rem; color: #17643b; font-size: .52rem; font-style: normal; }
.life-panel { background: #eef3fa; border-color: #cbd7e5 !important; }
.life-panel article > div { border-color: #cbd7e5; }
.shared-principle { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem .9rem; border-radius: .55rem; background: var(--forest); color: white; font-size: .68rem; }
.shared-principle b { color: var(--lime); font-weight: 650; }
.audience-paths { padding: 4.5rem 0 5rem; border-top: 1px solid var(--line); }
.section-kicker { max-width: 47rem; margin-bottom: 2rem; }
.section-kicker > p:last-child { color: var(--muted); font-size: 1.04rem; }
.path-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.path-card { min-height: 25rem; display: flex; flex-direction: column; align-items: flex-start; padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--line); border-radius: 1.15rem; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.path-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.path-card.teams { background: var(--forest); color: white; }.path-card.people { background: #e8eef8; }
.path-card .eyebrow { margin-top: auto; }.path-card.teams .eyebrow { color: #c5d7cf; }
.path-card h3 { max-width: 26rem; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.path-card p:not(.eyebrow) { max-width: 29rem; color: var(--muted); }.path-card.teams p:not(.eyebrow) { color: #d5e2dc; }
.path-card strong { margin-top: 1rem; }
.path-icon { width: 100%; height: 8rem; display: flex; align-items: flex-end; gap: .7rem; margin-bottom: 2rem; padding: 1rem; border-radius: .75rem; background: #224f3f; }
.path-icon span { flex: 1; height: 35%; border-radius: .3rem .3rem 0 0; background: #f4f7f5; }.path-icon span:nth-child(2) { height: 68%; background: var(--lime); }.path-icon span:nth-child(3) { height: 90%; background: var(--blue); }
.path-icon.personal { align-items: center; background: #d6e2f2; }.path-icon.personal span { height: 2.8rem; border: 1px solid #9eb2cb; border-radius: .45rem; background: white; }.path-icon.personal span:nth-child(2) { height: 4.5rem; background: #fff; }.path-icon.personal span:nth-child(3) { height: 3.5rem; background: #edf4fc; }
.shared-story { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 7vw, 6rem); padding: clamp(4rem, 8vw, 6.5rem) 0; border-block: 1px solid var(--line); }
.shared-story h2 { max-width: 31rem; }
.shared-story > div:last-child { align-self: end; }
.shared-story > div:last-child p { max-width: 36rem; margin: 0 0 1rem; color: var(--muted); font-size: 1.05rem; }

/* StoryBrand service pages */
.service-wrap { width: min(100% - 3.5rem, 68rem); margin-inline: auto; }
.service-hero { padding: clamp(4.5rem, 9vw, 7.5rem) 0; }
.forest-band { background: var(--forest); color: white; }.personal-band { background: #e8eef8; }
.service-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(27rem, .9fr); gap: clamp(3rem, 7vw, 6rem); align-items: center; }
.service-hero h1 { max-width: 40rem; font-size: clamp(2.5rem, 5vw, 4.35rem); font-weight: 400; }
.service-hero .lede { color: #d2dfd8; }.personal-band .lede { color: #45556a; }
.forest-band .eyebrow { color: #c4d8cf; }.button.lime { background: var(--lime); color: var(--ink); }.light-link { color: white; }
.flow-board, .personal-board { overflow: hidden; padding: 1rem; border: 1px solid #667f74; border-radius: 1rem; background: #f6f8f7; color: var(--ink); box-shadow: 0 26px 65px rgba(6,24,18,.24); }
.flow-top { display: flex; justify-content: space-between; gap: 1rem; padding: .25rem .25rem 1rem; border-bottom: 1px solid var(--line); font-size: .76rem; }.flow-top span { color: #17643b; font-weight: 650; }
.flow-row { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: .55rem; align-items: center; padding: 1.5rem 0; }
.flow-row article { min-height: 8rem; display: flex; flex-direction: column; padding: .9rem; border: 1px solid var(--line); border-radius: .65rem; background: white; }
.flow-row small { color: #3158d9; font-weight: 700; }.flow-row b { margin-top: auto; }.flow-row span { color: var(--muted); font-size: .7rem; }.flow-row > i { color: #5f7469; font-style: normal; }
.flow-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: .45rem; }.flow-summary span { padding: .55rem; border-radius: .45rem; background: #e8eeea; font-size: .66rem; }.flow-summary i { width: .45rem; height: .45rem; display: inline-block; margin-right: .25rem; border-radius: 50%; background: #2e8556; }
.problem-band { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 7vw, 6rem); padding: clamp(4.5rem, 9vw, 7rem) 0; border-bottom: 1px solid var(--line); }
.problem-list article { display: grid; grid-template-columns: 2.2rem 1fr; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }.problem-list article:first-child { border-top: 1px solid var(--line); }.problem-list span { color: #3158d9; font-size: .76rem; font-weight: 700; }.problem-list p { margin: 0; color: var(--muted); }
.services-section, .three-step { padding: clamp(4.5rem, 9vw, 7rem) 0; border-bottom: 1px solid var(--line); }
.service-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.service-cards > article { padding: 1.25rem; border: 1px solid var(--line); border-radius: 1rem; background: white; }.service-cards h3 { margin-top: 1.2rem; }.service-cards p { color: var(--muted); }
.card-visual { height: 8.5rem; display: flex; align-items: flex-end; gap: .6rem; padding: 1rem; border-radius: .7rem; background: #e8eeea; }
.card-visual i { flex: 1; height: 30%; border-radius: .25rem; background: white; box-shadow: 0 3px 12px rgba(23,34,29,.09); }.card-visual i:nth-child(2) { height: 62%; background: var(--lime); }.card-visual i:nth-child(3) { height: 88%; background: var(--forest); }
.card-visual.workflow { align-items: center; }.card-visual.workflow i { height: 2.3rem; border-radius: 50%; }.card-visual.workflow i:nth-child(2) { height: 2px; border-radius: 0; background: #80938a; }.card-visual.workflow i:nth-child(3) { height: 3.2rem; background: var(--forest); }
.card-visual.dashboard { display: grid; grid-template-columns: 1fr 1fr; }.card-visual.dashboard i { height: 100%; }.card-visual.dashboard i:first-child { grid-row: span 2; }.card-visual.dashboard i:nth-child(2),.card-visual.dashboard i:nth-child(3) { height: auto; }
.card-visual.training { align-items: center; justify-content: center; }.card-visual.training i { flex: 0 0 auto; width: 3.3rem; height: 3.3rem; border-radius: 50%; }.card-visual.training i:nth-child(2) { width: 4.4rem; height: 4.4rem; }
.plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }.plan-grid article { padding: 1.5rem 0; border-top: 3px solid var(--forest); }.plan-grid b { width: 2rem; height: 2rem; display: grid; place-items: center; margin-bottom: 2.5rem; border-radius: 50%; background: var(--lime); }.plan-grid p { color: var(--muted); }
.success-band { display: grid; grid-template-columns: 1.15fr .85fr; gap: 3rem; margin: clamp(4.5rem, 9vw, 7rem) 0; padding: clamp(2rem,5vw,4rem); border-radius: 1.25rem; background: var(--forest); color: white; }.success-band .eyebrow { color: #c4d8cf; }.success-list { display: grid; gap: .65rem; align-content: center; }.success-list span { padding: .8rem 1rem; border: 1px solid #628073; border-radius: .6rem; background: rgba(255,255,255,.06); }
.final-cta { max-width: 50rem; padding: 1rem 0 clamp(5rem,10vw,8rem); }.final-cta h2 { margin-bottom: 2rem; font-size: clamp(2rem,4vw,3.4rem); }
.cross-path { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin: 0 0 4rem; padding: 1.5rem 0; border-block: 1px solid var(--line); }.cross-path .eyebrow { margin-bottom: .35rem; }.cross-path h3 { max-width: 38rem; }.cross-path > a { white-space: nowrap; font-weight: 620; }
.personal-board { border-color: #afbdd0; background: #fff; box-shadow: 0 26px 65px rgba(44,66,96,.18); }
.personal-tabs { display: flex; gap: .4rem; padding-bottom: .8rem; border-bottom: 1px solid var(--line); }.personal-tabs span { padding: .35rem .65rem; border-radius: 999px; color: var(--muted); font-size: .7rem; }.personal-tabs .active { background: #e6eef9; color: #294b73; font-weight: 700; }
.today-card { margin: 1rem 0; padding: 1rem; border: 1px solid #cbd5e2; border-radius: .7rem; background: #f7f9fc; }.today-card > small,.today-card > b { display: block; }.today-card > small { color: #48678b; font-weight: 700; letter-spacing: .08em; }.today-card > b { margin: .25rem 0 1rem; }.today-card label { display: flex; align-items: center; gap: .65rem; padding: .55rem 0; border-top: 1px solid #dce3ec; font-size: .76rem; }.today-card label i { width: 1.15rem; height: 1.15rem; display: grid; place-items: center; border: 1px solid #9aabc0; border-radius: .25rem; color: #2a5d3f; font-size: .7rem; font-style: normal; }
.folder-row { display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; }.folder-row article { padding: .8rem; border: 1px solid #d5dde8; border-radius: .55rem; }.folder-row i { width: 1.8rem; height: 1.3rem; display: block; margin-bottom: 1rem; border-radius: .2rem; background: #bfd2ea; }.folder-row b,.folder-row span { display: block; }.folder-row b { font-size: .75rem; }.folder-row span { margin-top: .2rem; color: var(--muted); font-size: .64rem; }
.personal-services .card-visual { background: #e8eef8; }.personal-services .card-visual i:nth-child(2) { background: #b9cde7; }.personal-services .card-visual i:nth-child(3) { background: #42658e; }.personal-success { background: #dfe9f6; color: var(--ink); }.personal-success .eyebrow { color: #3158d9; }.personal-success .success-list span { border-color: #afc0d5; background: rgba(255,255,255,.5); }
.hero-grid { display: block; }
.eyebrow, .section-label { margin: 0 0 .85rem; color: var(--cobalt); font-size: .78rem; font-weight: 680; letter-spacing: .1em; line-height: 1.4; text-transform: uppercase; }
h1, h2, h3 { margin: 0; line-height: 1.16; letter-spacing: -.03em; font-weight: 450; text-wrap: balance; }
h1 { max-width: 62rem; font-size: clamp(2.35rem, 4.4vw, 3.75rem); }
h2 { max-width: 52rem; font-size: clamp(1.7rem, 2.8vw, 2.4rem); }
h3 { font-size: 1.25rem; font-weight: 500; letter-spacing: -.018em; }
.lede { max-width: 43rem; margin: 1.4rem 0 0; color: var(--muted); font-size: clamp(1.05rem, 1.5vw, 1.22rem); line-height: 1.58; }
.meta-card { margin-top: 2.25rem; padding: 1.2rem 0; border-block: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); box-shadow: none; }
.meta-card dl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; margin: 0; }
.meta-card dt { color: #3158d9; font-size: .72rem; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.meta-card dd { margin: .2rem 0 0; font-weight: 560; line-height: 1.4; }
.ai-partnership { margin: 1.5rem 0 5rem; padding: clamp(1.75rem, 4vw, 3rem); border: 1px solid var(--line); border-radius: 1.25rem; background: var(--white); }
.ai-intro { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 3rem; align-items: start; }
.ai-intro .eyebrow { grid-column: 1 / -1; margin-bottom: -1.8rem; }
.ai-intro p:last-child { margin: 0; color: var(--muted); font-size: 1.04rem; }
.connected-system { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: .8rem; align-items: stretch; margin: 2rem 0; }
.connected-system > div { min-height: 0; padding: 1.15rem 0; border-top: 2px solid var(--forest); border-radius: 0; background: transparent; color: var(--ink); }
.connected-system > span { color: #3158d9; font-size: 1.35rem; font-weight: 600; }
.connected-system b, .connected-system span { display: block; }
.connected-system b { margin-bottom: .45rem; font-weight: 620; }
.connected-system div span { color: var(--muted); font-size: .9rem; line-height: 1.45; }
.ai-outcome { display: grid; grid-template-columns: 1.35fr .65fr; gap: 2rem; align-items: center; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.ai-outcome p { margin: 0; color: var(--muted); }
.ai-outcome strong { font-size: 1.18rem; font-weight: 590; line-height: 1.4; }
.portfolio-intro { display: grid; grid-template-columns: 1.05fr .95fr; gap: 3.5rem; align-items: end; padding: 4.5rem 0 1.5rem; border-top: 1px solid var(--line); }
.portfolio-intro > p { margin: 0; color: var(--muted); font-size: 1.03rem; }
.case-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin: 1.5rem 0 5rem; }
.case { overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: var(--white); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.case:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.case-visual { height: 11rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; align-items: end; padding: 1.1rem; background: var(--forest); }
.case-visual.capacity { background: #18354a; }
.case-visual.dm { background: #4d3021; }
.mini { min-height: 3.5rem; padding: .65rem; border-radius: .45rem; background: #edf1fb; font-size: .72rem; line-height: 1.35; }
.mini:nth-child(2) { min-height: 5.6rem; background: var(--lime); }
.mini:nth-child(3) { min-height: 8rem; background: var(--blue); }
.case-body { padding: 1.45rem; }
.case-body h2 { font-size: clamp(1.45rem, 2.4vw, 1.9rem); }
.case-body > p:not(.eyebrow) { min-height: 4.6rem; color: var(--muted); }
.case-body > strong { display: inline-block; margin-top: 1.15rem; font-weight: 620; }
.proves { padding-top: 1rem; border-top: 1px solid var(--line); }
.proves b, .proves span { display: block; }
.proves b { color: #3158d9; font-size: .72rem; font-weight: 680; letter-spacing: .08em; text-transform: uppercase; }
.proves span { margin-top: .3rem; color: var(--muted); font-size: .88rem; }
.transition { margin-bottom: 5rem; padding: clamp(2.5rem, 5vw, 4rem) 0; border-block: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); }
.transition .eyebrow { color: #3158d9; }
.transition .lede { color: var(--muted); }
.transition-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 3rem; }
.transition .button { margin-top: 2rem; background: var(--ink); color: var(--white); }
.capability-list { display: flex; flex-wrap: wrap; align-content: flex-start; gap: .55rem; margin-top: 1.4rem; }
.capability-list span { padding: .45rem .7rem; border: 1px solid #aeb9cf; border-radius: 999px; font-size: .82rem; }
.role-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin: 0 0 4rem; }
.role-item { padding: 1rem 0; border-top: 3px solid var(--forest); }
.role-item b, .role-item span { display: block; }
.role-item b { color: #3158d9; font-size: .72rem; font-weight: 680; letter-spacing: .08em; text-transform: uppercase; }
.role-item span { margin-top: .3rem; font-weight: 560; }
.proof-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; margin: 1.25rem 0 4.5rem; border: 1px solid var(--line); border-radius: .9rem; background: var(--line); }
.proof { padding: 1.25rem; background: var(--white); }
.proof strong { display: block; font-size: 1.65rem; font-weight: 560; line-height: 1.15; letter-spacing: -.025em; }
.proof span { display: block; margin-top: .4rem; color: var(--muted); font-size: .86rem; }
.section { padding: 4.5rem 0; border-top: 1px solid var(--line); }
.section-head { display: block; margin-bottom: 2.25rem; }
.section-head .section-label { margin-bottom: .7rem; }
.section-head h2 { max-width: 56rem; }
.copy { max-width: 45rem; }
.copy p { margin: 0 0 1.15rem; color: #4e5a70; font-size: 1.04rem; }
.callout { margin: 1.75rem 0; padding: 1.4rem 1.6rem; border-left: .3rem solid #6f8cff; border-radius: 0 .8rem .8rem 0; background: var(--white); box-shadow: var(--shadow); }
.callout strong { display: block; margin-bottom: .3rem; font-weight: 620; }
.process { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }
.step { min-height: 10rem; padding: 1.25rem; border: 1px solid var(--line); border-radius: .8rem; background: var(--white); }
.step b { width: 2rem; height: 2rem; display: grid; place-items: center; margin-bottom: 1.15rem; border-radius: 50%; background: var(--lime); font-weight: 620; }
.step p, .feature p { margin-bottom: 0; color: var(--muted); }
.system { padding: 1.75rem; border-radius: 1rem; background: var(--ink); color: var(--white); box-shadow: var(--shadow); }
.system-top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.4rem; padding-bottom: 1rem; border-bottom: 1px solid #46564f; }
.system-top strong { font-weight: 580; }
.system-grid { display: grid; grid-template-columns: 1fr 2.5rem 1fr 2.5rem 1fr; align-items: center; }
.sysbox { min-height: 9.5rem; padding: 1.15rem; border: 1px solid #52658d; border-radius: .75rem; background: #1d2c4e; }
.sysbox small { color: #b8cbc2; letter-spacing: .08em; text-transform: uppercase; }
.sysbox ul { padding-left: 1.1rem; color: #dce7e2; }
.arrow { color: var(--lime); text-align: center; font-size: 1.25rem; }
.features { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.feature { padding: 1.45rem; border: 1px solid var(--line); border-radius: .85rem; background: var(--white); }
.feature .num { margin-bottom: 1.1rem; color: #3158d9; font-size: .72rem; font-weight: 680; }
.obstacle { display: grid; grid-template-columns: .8fr 1.2fr; gap: 2rem; margin-top: 1rem; padding: 1.6rem; border: 1px solid var(--line); border-radius: .9rem; background: var(--white); }
.obstacle p { margin: 0; color: var(--muted); }
.outcomes { display: grid; grid-template-columns: 1.05fr .95fr; gap: 1rem; }
.results-card, .quote { padding: 1.9rem; border-radius: 1rem; }
.results-card { background: var(--lime); }
.results-card h3 { font-size: 1.55rem; }
.results-card ul { padding-left: 1.2rem; }
.quote { display: flex; flex-direction: column; justify-content: space-between; background: var(--forest); color: var(--white); }
.quote blockquote { margin: 0; font-size: 1.3rem; font-weight: 450; line-height: 1.45; letter-spacing: -.015em; }
.quote span { color: #c4d8cf; }
.demonstrates { margin-top: 1rem; padding: 1.6rem; border-radius: .9rem; background: var(--mint); }
.demonstrates h3 { margin-bottom: .9rem; }
.demonstrates-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.demonstrates-list span { padding: .42rem .7rem; border: 1px solid var(--line); border-radius: 999px; background: var(--white); font-size: .84rem; }
.tier-visual { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.tier { padding: 1.4rem; border-radius: .8rem; background: #1d2c4e; }
.tier:nth-child(2) { background: #edf1fb; color: var(--ink); }
.tier strong { font-size: 1.6rem; font-weight: 540; }
.tier ul { padding-left: 1.1rem; }
.next { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin: 4.5rem 0; padding: 2rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--white); }
.statement { max-width: 52rem; padding: 0 0 4.5rem; }
.statement p { max-width: 58rem; margin: 0; font-size: clamp(1.3rem, 2.1vw, 1.75rem); font-weight: 430; line-height: 1.45; letter-spacing: -.02em; }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.about-grid article { padding: 1.5rem; border: 1px solid var(--line); border-radius: .9rem; background: var(--white); }
.about-grid article > span { width: 2rem; height: 2rem; display: grid; place-items: center; margin-bottom: 1.4rem; border-radius: 50%; background: var(--lime); font-weight: 620; }
.about-grid p, .principles p { margin-bottom: 0; color: var(--muted); }
.about-hero { padding-bottom: clamp(4rem, 8vw, 6rem); }
.origin-story { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: clamp(2rem, 6vw, 5rem); padding: clamp(4rem, 8vw, 6.5rem) 0; border-block: 1px solid var(--line); }
.origin-story > div:last-child { max-width: 48rem; }
.origin-story > div:last-child > p:not(.eyebrow) { color: var(--muted); font-size: 1.04rem; }
.origin-marker { display: grid; grid-template-rows: auto 1fr auto; justify-items: center; gap: .6rem; color: #3158d9; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.origin-marker i { width: 2px; min-height: 11rem; position: relative; background: var(--line); }
.origin-marker i::before, .origin-marker i::after { width: .75rem; height: .75rem; position: absolute; left: 50%; border: 2px solid var(--forest); border-radius: 50%; background: var(--paper); content: ""; transform: translateX(-50%); }
.origin-marker i::before { top: 0; }.origin-marker i::after { bottom: 0; background: var(--lime); }
.about-lanes { display: grid; grid-template-columns: .9fr 1.1fr; gap: 1rem; }
.about-lanes a { min-height: 20rem; display: flex; flex-direction: column; align-items: flex-start; padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid #b9c9dc; border-radius: 1rem; background: #e8eef8; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.about-lanes a:last-child { border-color: var(--forest); background: var(--forest); color: white; }
.about-lanes a:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.about-lanes a .eyebrow { margin-bottom: auto; }.about-lanes a:last-child .eyebrow { color: #c4d8cf; }
.about-lanes h3 { max-width: 26rem; margin-top: 2rem; font-size: clamp(1.55rem, 3vw, 2.2rem); }
.about-lanes p:not(.eyebrow) { color: #4c5c70; }.about-lanes a:last-child p:not(.eyebrow) { color: #d5e2dc; }
.about-lanes strong { margin-top: 1rem; }
.principles { border-top: 1px solid var(--line); }
.principles article { display: grid; grid-template-columns: .6fr 1.4fr; gap: 2rem; padding: 1.3rem 0; border-bottom: 1px solid var(--line); }
.principles article b { font-weight: 600; }
.principles p { margin: 0; }
.partnership-grid { display: block; }
.partnership-grid .copy { max-width: 53rem; }
.partnership-grid aside { max-width: 53rem; margin-top: 2rem; padding: 1.5rem 0; border-block: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); }
.partnership-grid aside .eyebrow { color: #3158d9; }
.partnership-grid aside p:last-child { margin-bottom: 0; color: var(--muted); }
.partnership-grid aside .connected-system { margin: 1.35rem 0; }
.system-owner { max-width: 44rem; padding-top: 1rem; border-top: 1px solid var(--line); font-weight: 560; }
.background-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 3rem; align-items: center; }
.background-grid > div:first-child { color: var(--muted); font-size: 1.04rem; }
.career-path { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: .5rem; align-items: center; padding: 1.2rem; border: 1px solid var(--line); border-radius: .85rem; background: white; }
.career-path span { min-height: 5rem; display: grid; place-items: center; padding: .6rem; border-radius: .55rem; background: #e8eeea; text-align: center; font-size: .78rem; font-weight: 650; }.career-path span:last-child { background: var(--forest); color: white; }.career-path i { color: #718078; font-style: normal; }
.choice-cta { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin: clamp(4rem, 8vw, 6rem) 0; padding: clamp(2rem, 5vw, 3.5rem); border-radius: 1.15rem; background: var(--lime); }
.choice-cta h2 { max-width: 36rem; }.choice-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; }.button.soft { border: 1px solid #9bb635; background: rgba(255,255,255,.55); color: var(--ink); }
footer { padding: 2rem 1.75rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .88rem; }
.footer-inner { max-width: 68rem; display: flex; justify-content: space-between; gap: 1.5rem; margin: auto; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; } }
@media (max-width: 50rem) {
  nav[aria-label="Primary"] { min-height:4rem;position:relative;padding:.7rem 1.25rem; }
  .brand span { display:none; }
  .menu-toggle { width:2.75rem;height:2.75rem;display:grid;place-content:center;gap:.28rem;padding:0;border:1px solid #cfd7e5;border-radius:.65rem;background:#fff;color:var(--ink);box-shadow:0 6px 16px rgba(20,33,61,.08);cursor:pointer; }
  .menu-toggle span { width:1.15rem;height:2px;display:block;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(.38rem) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-.38rem) rotate(-45deg); }
  nav[aria-label="Primary"] .navlinks { position:absolute;z-index:50;top:calc(100% + .45rem);right:1.25rem;left:1.25rem;display:none;flex-direction:column;align-items:stretch;gap:.2rem;padding:.7rem;border:1px solid #d7deea;border-radius:.85rem;background:#fff;box-shadow:0 22px 52px rgba(20,33,61,.18); }
  nav[aria-label="Primary"].menu-open .navlinks { display:flex; }
  nav[aria-label="Primary"] .navlinks > a { min-height:2.9rem;display:flex;padding:.7rem .85rem;border-radius:.5rem;color:#26334a;font-size:.94rem; }
  nav[aria-label="Primary"] .navlinks > a:hover { background:#f2f5fa;text-decoration:none; }
  nav[aria-label="Primary"] .navlinks > a[aria-current="page"] { background:#edf1ff;color:#244abd; }
  nav[aria-label="Primary"] .navlinks > a.button { justify-content:center;margin-top:.25rem;padding:.72rem 1rem;color:#fff;font-size:.88rem; }
  .wrap { width: min(100% - 2.5rem, 68rem); }
  .hero-grid, .split-hero, .service-hero-grid, .problem-band, .success-band, .shared-story, .origin-story, .background-grid, .ai-intro, .ai-outcome, .portfolio-intro, .transition-grid, .section-head, .outcomes, .obstacle, .partnership-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .split-hero { min-height: 0; }
  .workspace-preview { transform: none; }
  .ai-intro .eyebrow { grid-column: auto; margin-bottom: -.5rem; }
  .connected-system { grid-template-columns: 1fr; }
  .connected-system > span { text-align: center; }
  .connected-system > div { min-height: 0; }
  .case-grid, .features, .about-grid { grid-template-columns: 1fr; }
  .path-grid, .service-cards { grid-template-columns: 1fr; }
  .about-lanes { grid-template-columns: 1fr; }
  .origin-marker { grid-template-columns: auto 1fr auto; grid-template-rows: auto; align-items: center; }
  .origin-marker i { width: auto; height: 2px; min-height: 0; }
  .origin-marker i::before, .origin-marker i::after { top: 50%; transform: translate(-50%,-50%); }.origin-marker i::before { left: 0; }.origin-marker i::after { left: 100%; bottom: auto; }
  .choice-cta { align-items: flex-start; flex-direction: column; }.choice-actions { justify-content: flex-start; }
  .cross-path { align-items: flex-start; flex-direction: column; gap: 1rem; }.cross-path > a { white-space: normal; }
  .plan-grid { grid-template-columns: 1fr; }
  .path-card { min-height: 22rem; }
  .case-body > p:not(.eyebrow) { min-height: 0; }
  .role-strip, .proof-strip, .process { grid-template-columns: 1fr 1fr; }
  .system-grid { grid-template-columns: 1fr; }
  .arrow { padding: .5rem; transform: rotate(90deg); }
  .section { padding: 3.5rem 0; }
  .next { align-items: flex-start; flex-direction: column; }
  .tier-visual { grid-template-columns: 1fr; }
  .principles article { grid-template-columns: 1fr; gap: .25rem; }
}
@media (max-width: 34rem) {
  .wrap { width: min(100% - 2rem, 68rem); }
  h1 { font-size: 2.35rem; }
  .meta-card dl, .role-strip, .proof-strip, .process { grid-template-columns: 1fr; }
  .case-visual { height: 9.5rem; }
  .preview-metrics, .flow-summary, .folder-row { grid-template-columns: 1fr; }
  .dual-preview { grid-template-columns: 1fr; }
  .shared-principle { flex-direction: column; gap: .2rem; }
  .preview-body { grid-template-columns: 2.5rem 1fr; }
  .preview-content { padding: 1rem; }
  .flow-row { grid-template-columns: 1fr; }.flow-row > i { text-align: center; transform: rotate(90deg); }
  .footer-inner { flex-direction: column; gap: .4rem; }
}

/* Final clarity and product-visual refinement */
.brand-refresh .navlinks a { color: #344158; }
.brand-refresh .eyebrow,
.brand-refresh .section-label { color: #294fc8; }
.brand-refresh .forest-band .eyebrow,
.brand-refresh .work-section .eyebrow,
.brand-refresh .success-band:not(.personal-success) .eyebrow { color: #c7d1ff; }

.new-hero {
  background:
    radial-gradient(circle at 78% 18%, rgba(111,140,255,.22), transparent 27rem),
    radial-gradient(circle at 8% 88%, rgba(244,162,97,.12), transparent 22rem),
    linear-gradient(180deg,#fbfcff 0,#f2f5fc 100%);
}
.hero-product::before {
  width: 72%; height: 72%; position: absolute; z-index: -1; inset: 13% auto auto 14%;
  border-radius: 50%; background: rgba(91,113,230,.22); filter: blur(55px); content: "";
}
.product-window { border-color: #bcc7dc; box-shadow: 0 42px 90px rgba(20,33,61,.2), 0 10px 28px rgba(20,33,61,.1); }
.window-layout > aside { background: linear-gradient(180deg,#162544,#203968); }
.window-layout > aside i { border-color: #7d8eb5; }
.window-layout > aside i.active { background: #8ba1ff; border-color: #8ba1ff; box-shadow: 0 0 0 5px rgba(139,161,255,.18); }
.window-main { background: linear-gradient(145deg,#fff 0,#f6f8fe 100%); }
.window-main header small,
.card-title,
.life-view label,
.team-view footer,
.activity-row b,
.activity-row small,
.floating-card span { font-size: .75rem; }
.window-bar b,.window-bar em,.window-main header button { font-size: .75rem; }
.product-grid article { border-color: #ccd4e4; box-shadow: 0 12px 28px rgba(20,33,61,.07); }
.chart-bars i { box-shadow: inset 0 1px rgba(255,255,255,.28); }
.activity-row > span { min-height: 4rem; align-content: center; box-shadow: 0 8px 18px rgba(20,33,61,.05); }
.floating-card { border-color: #d2d9e8; box-shadow: 0 22px 45px rgba(20,33,61,.2); }

.choice-panel { border-color: #c9d2e4; box-shadow: 0 18px 45px rgba(20,33,61,.08); }
.choice-panel:hover { transform: translateY(-5px); box-shadow: 0 28px 58px rgba(20,33,61,.15); }
.team-choice { background: linear-gradient(145deg,#14213d,#223b70); }
.team-choice ul { color: #e1e6f2; }
.team-choice > strong { color: #fff; }
.choice-ui { border-radius: 1rem; box-shadow: 0 24px 50px rgba(11,21,42,.2); }
.choice-ui header,.choice-ui > div { font-size: .75rem; }
.choice-ui small { color: #59647a; font-size: .72rem; }

.guide-photo,.about-photo { background: #dce3f0; }
.guide-photo img,.about-photo img {
  object-position: 43% 46%; transform: scale(1.13); transform-origin: 46% 42%;
}
.guide-badge,.photo-caption { background: rgba(12,22,43,.82); }
.guide-badge span,.photo-caption span { color: #f0f3fa; font-size: .875rem; }

.trust-strip .home-shell { justify-content: flex-start; }
.trust-strip span { min-width: 14rem; color: #4f5b72; font-size: .78rem; }
.trust-strip b { padding-left: 1.25rem; border-left: 1px solid #d3dae7; color: #29364d; }

.work-section { background:
  radial-gradient(circle at 88% 12%,rgba(81,111,190,.34),transparent 26rem),
  linear-gradient(150deg,#111d36,#172848 68%,#1d3158); }
.premium-cases .case { overflow: hidden; box-shadow: 0 20px 45px rgba(5,12,28,.17); }
.premium-cases .case:hover { transform: translateY(-6px); box-shadow: 0 32px 65px rgba(5,12,28,.3); }
.case-visual.premium { height: 15rem; border-bottom: 1px solid #c4cde0; background: linear-gradient(145deg,#f4f7ff,#dbe4fb); }
.case-visual.premium::before { position: absolute; inset: 0 0 auto; height: 2.1rem; border-bottom: 1px solid rgba(160,174,204,.45); background: rgba(255,255,255,.45); content: ""; }
.case-visual.premium::after { width: .48rem; height: .48rem; position: absolute; top: .82rem; left: 1rem; border-radius: 50%; background: #8ca2d7; box-shadow: .85rem 0 #b5c1dc,1.7rem 0 #d0d7e7; content: ""; }
.visual-label { position: relative; z-index: 1; padding-left: 2.8rem; color: #344b7d; font-size: .75rem; }
.metric-card,.trend-chart,.flow-pill { border-color: #b9c5dd; box-shadow: 0 12px 30px rgba(20,33,61,.12); }
.flow-pill { font-size: .75rem; }
.visual-foot,.visual-status span,.metric-card i { font-size: .72rem; }
.metric-card small { color: #4d5970; font-size: .75rem; }

.premium-board { overflow: hidden; position: relative; border-color: #b7c2d7; background: #fff; }
.premium-board::before { position: absolute; z-index: 3; inset: 0 0 auto; height: .22rem; background: linear-gradient(90deg,#6f8cff,#3158d9,#f4a261); content: ""; }
.board-stats article { box-shadow: 0 7px 18px rgba(20,33,61,.06); }
.board-stats small,.board-stats em,.personal-welcome small,.personal-welcome span,.personal-tabs em,.today-card label em { font-size: .75rem; }
.flow-row span,.flow-summary span,.personal-tabs span,.today-card label,.folder-row b,.folder-row span { font-size: .78rem; }

.brand-refresh .service-cards > article { overflow: hidden; border-color: #cbd3e2; box-shadow: 0 16px 38px rgba(20,33,61,.08); transition: transform .2s ease, box-shadow .2s ease; }
.brand-refresh .service-cards > article:hover { transform: translateY(-4px); box-shadow: 0 25px 50px rgba(20,33,61,.14); }
.brand-refresh .card-visual { position: relative; overflow: hidden; height: 10.5rem; border: 1px solid #c9d3e6; background: linear-gradient(145deg,#f0f4ff,#dce6ff); }
.brand-refresh .card-visual::before { position: absolute; inset: .8rem .8rem auto; height: 1rem; border-bottom: 1px solid #c6d0e3; content: ""; }
.brand-refresh .card-visual::after { width: .4rem; height: .4rem; position: absolute; top: .8rem; left: .85rem; border-radius: 50%; background: #7890c7; box-shadow: .7rem 0 #a8b6d4,1.4rem 0 #c4cde0; content: ""; }
.brand-refresh .card-visual i { position: relative; margin-top: 1.35rem; border: 1px solid rgba(140,155,187,.45); background: rgba(255,255,255,.9); box-shadow: 0 8px 20px rgba(20,33,61,.1); }
.brand-refresh .card-visual i:nth-child(2) { background: #aebdff; }
.brand-refresh .card-visual i:nth-child(3) { background: #3158d9; }
.brand-refresh .card-visual.workflow i:nth-child(2) { background: #7890c7; }
.brand-refresh .personal-services .card-visual { background: linear-gradient(145deg,#f7f9fd,#e2e9f5); }

.brand-refresh .success-band:not(.personal-success) { background: linear-gradient(145deg,#14213d,#27447b); }
.brand-refresh .success-band:not(.personal-success) .success-list span { border-color: #7184b2; background: rgba(255,255,255,.1); color: #fff; }
.personal-success .success-list span { color: #243149; }

@media (max-width: 50rem) {
  .trust-strip b { padding-left: 0; border-left: 0; }
  .trust-strip span { min-width: 100%; }
  .guide-photo img,.about-photo img { object-position: 45% 45%; transform: scale(1.1); }
}

/* Editorial case-study system */
.case-lane { width: min(100% - 3.5rem, 72rem); display: flex; align-items: center; gap: 1rem; margin: 1rem auto 0; padding: .75rem 1rem; border: 1px solid var(--line); border-radius: .65rem; background: var(--white); font-size: .82rem; }
.case-lane span { padding: .25rem .5rem; border-radius: 999px; background: var(--mint); color: #3158d9; font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.case-lane p { margin: 0; color: var(--muted); }.case-lane a { margin-left: auto; white-space: nowrap; font-weight: 620; }
.case-shell { width: min(100% - 3.5rem, 72rem); margin-inline: auto; }
.case-hero { padding: clamp(4rem, 9vw, 7.5rem) 0 clamp(3rem, 7vw, 5.5rem); }
.case-hero h1 { max-width: 62rem; font-size: clamp(2.35rem, 4.5vw, 4.1rem); font-weight: 400; line-height: 1.06; }
.case-deck { max-width: 55rem; margin: 1.6rem 0 0; color: var(--muted); font-size: clamp(1.08rem, 1.8vw, 1.35rem); line-height: 1.55; }
.case-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; margin: clamp(2.5rem, 6vw, 4.5rem) 0 0; border: 1px solid var(--line); border-radius: .75rem; background: var(--line); }
.case-facts div { min-height: 8rem; padding: 1.25rem; background: var(--white); }
.case-facts dt { color: #3158d9; font-size: .72rem; font-weight: 680; letter-spacing: .08em; text-transform: uppercase; }
.case-facts dd { margin: .5rem 0 0; font-size: .94rem; line-height: 1.45; }
.visual-stage { padding: clamp(3rem, 7vw, 5.5rem) 0; background: var(--forest); color: var(--white); }
.visual-stage .eyebrow { color: #c5d0e6; }
.visual-head { display: block; margin-bottom: 2.5rem; }
.visual-head .eyebrow { margin-bottom: .7rem; }
.visual-head h2 { font-size: clamp(1.75rem, 3vw, 2.6rem); font-weight: 450; }
.architecture, .trade-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 1rem; align-items: center; }
.architecture article, .trade-flow > article, .trade-split article { min-height: 11rem; padding: 1.35rem; border: 1px solid #52658d; border-radius: .75rem; background: rgba(255,255,255,.055); }
.architecture article span, .trade-flow article span { color: #c5d0e6; font-size: .7rem; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.architecture h3 { margin-top: 1.5rem; font-weight: 500; }
.architecture p { margin-bottom: 0; color: #d9dfeb; font-size: .9rem; }
.architecture > i, .trade-flow > i { color: var(--lime); font-size: 1.35rem; font-style: normal; }
.trade-flow article { display: flex; flex-direction: column; }
.trade-flow article b { margin: auto 0 .45rem; font-size: 1.1rem; font-weight: 530; }
.trade-flow article small { color: #d2d9e8; }
.trade-split { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.trade-split article { min-height: 11rem; }
.metric-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; background: transparent; }
.metric-row div { min-width:0; padding: 1.3rem 1.1rem; background: #fff; border:1px solid #dce6f5; border-radius:.8rem; }
.metric-row strong, .metric-row span { display: block; }
.metric-row strong { color: #1859df; font-size: clamp(1.65rem, 3vw, 2.4rem); font-weight: 470; line-height: 1; }
.metric-row span { margin-top: .65rem; color: #52617a; font-size: .95rem; line-height: 1.5; }
.case-layout { display: grid; grid-template-columns: 10rem minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); padding-top: clamp(4rem, 8vw, 7rem); padding-bottom: clamp(4rem, 8vw, 7rem); }
.case-rail { position: sticky; top: 1.5rem; height: max-content; display: flex; flex-direction: column; gap: .15rem; padding-top: .4rem; }
.case-rail span { margin-bottom: .65rem; color: #69758b; font-size: .7rem; font-weight: 680; letter-spacing: .09em; text-transform: uppercase; }
.case-rail a { padding: .42rem 0; color: #59657d; font-size: .88rem; text-decoration: none; }
.case-rail a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: .2rem; }
.case-story { max-width: 53rem; }
.story-section { scroll-margin-top: 2rem; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: 1.25rem; padding: 0 0 clamp(4rem, 9vw, 7.5rem); }
.story-section:last-child { padding-bottom: 0; }
.section-index { margin: .05rem 0 0; color: #76847d; font-size: .75rem; font-weight: 650; }
.story-section h2 { font-size: clamp(1.8rem, 3.4vw, 2.85rem); font-weight: 450; }
.story-section > div > p:not(.eyebrow) { max-width: 44rem; margin: 1.35rem 0 0; color: #4e5a70; font-size: 1.04rem; }
.story-section blockquote { max-width: 44rem; margin: 2rem 0 0; padding: 1.35rem 0 1.35rem 1.35rem; border-left: 3px solid #6f8cff; }
.story-section blockquote strong, .story-section blockquote span { display: block; }
.story-section blockquote strong { color: #3158d9; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.story-section blockquote span { margin-top: .45rem; font-size: 1.1rem; line-height: 1.5; }
.narrative-steps { margin-top: 2rem; border-top: 1px solid var(--line); }
.narrative-steps article { display: grid; grid-template-columns: minmax(10rem, .7fr) 1.3fr; gap: 2rem; padding: 1.35rem 0; border-bottom: 1px solid var(--line); }
.narrative-steps b { font-weight: 580; }
.narrative-steps p { margin: 0; color: var(--muted); }
.decision-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 2rem; border: 1px solid var(--line); background: var(--line); }
.decision-list article { min-height: 15rem; padding: 1.5rem; background: var(--white); }
.decision-list article > span { color: #3158d9; font-size: .7rem; font-weight: 680; letter-spacing: .08em; text-transform: uppercase; }
.decision-list h3 { margin-top: 1.8rem; font-size: 1.12rem; font-weight: 500; }
.decision-list p { margin-bottom: 0; color: var(--muted); font-size: .92rem; }
.results-section { padding-top: clamp(2rem, 5vw, 4rem); border-top: 1px solid var(--line); }
.result-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2rem; margin: 2rem 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.result-list li { position: relative; padding: 1rem 0 1rem 1.25rem; border-bottom: 1px solid var(--line); }
.result-list li::before { position: absolute; left: 0; content: "✓"; color: #3158d9; font-weight: 700; }
.story-section .closing-quote { max-width: none; margin-top: 2.5rem; padding: clamp(1.5rem, 4vw, 2.5rem) 0; border: 0; border-block: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 430; }
.case-next { padding: clamp(3rem, 7vw, 5rem) 0; border-top: 1px solid var(--line); background: var(--white); }
.case-next a { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; text-decoration: none; }
.case-next a span { max-width: 52rem; font-size: clamp(1.7rem, 4vw, 3.4rem); font-weight: 460; line-height: 1.12; letter-spacing: -.03em; }
.case-next a b { font-size: 2rem; font-weight: 400; }
.case-next a:hover span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.capacity-board { display: grid; grid-template-columns: 1.05fr .95fr; gap: 1rem; }
.size-scale, .capacity-gauge { min-height: 15rem; padding: 1.5rem; border: 1px solid #52658d; border-radius: .75rem; background: rgba(255,255,255,.055); }
.size-scale { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; align-items: end; }
.size-scale span { display: flex; flex-direction: column; justify-content: flex-end; min-height: 5rem; padding: .8rem; border-radius: .5rem; background: #eaf1ed; color: var(--ink); }
.size-scale span:nth-child(2) { min-height: 7rem; background: #6f8cff; }
.size-scale span:nth-child(3) { min-height: 9rem; background: #bcd9ed; }
.size-scale .continued { min-height: 11rem; background: #fff; }
.size-scale b { font-size: 1.2rem; font-weight: 570; }
.size-scale small { margin-top: .25rem; color: #59657d; }
.capacity-gauge { display: flex; flex-direction: column; justify-content: center; }
.capacity-gauge p { margin: 0 0 1.5rem; color: #cbdad4; }
.gauge-bar { height: 1rem; overflow: hidden; border-radius: 999px; background: #0d281f; }
.gauge-bar span { height: 100%; display: block; background: var(--lime); }
.capacity-gauge div:not(.gauge-bar) { display: flex; justify-content: space-between; gap: 1rem; margin-top: .8rem; }
.capacity-gauge strong { font-weight: 560; }
.capacity-gauge div span, .capacity-gauge > small { color: #cbdad4; }
.capacity-gauge > small { margin-top: 2.2rem; line-height: 1.5; }
.daily-board { overflow: hidden; padding: 1.5rem; border: 1px solid #52658d; border-radius: .75rem; background: #f4f6f4; color: var(--ink); }
.board-top { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: 1.2rem; border-bottom: 1px solid var(--line); font-size: .86rem; }
.board-top strong { font-weight: 560; }
.board-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: .75rem; margin: 1.2rem 0; }
.board-metrics article { padding: 1rem; border: 1px solid var(--line); border-radius: .5rem; background: white; }
.board-metrics span { width: .7rem; height: .7rem; display: block; margin-bottom: 1rem; border-radius: 50%; }
.status-good { background: #138a4a; }.status-bad { background: #c33030; }
.board-metrics small, .board-metrics b { display: block; }
.board-metrics small { color: var(--muted); }
.board-metrics b { margin-top: .25rem; font-weight: 560; }
.board-history { height: 8rem; display: flex; align-items: end; gap: .6rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.board-history i { flex: 1; min-height: .5rem; border-radius: .2rem .2rem 0 0; background: #3158d9; }

@media (max-width: 56rem) {
  .case-facts { grid-template-columns: 1fr 1fr; }
  .case-layout { grid-template-columns: 1fr; }
  .case-rail { position: static; flex-direction: row; flex-wrap: wrap; gap: .25rem 1rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--line); }
  .case-rail span { width: 100%; }
  .visual-head { grid-template-columns: 1fr; gap: .25rem; }
  .architecture, .trade-flow { grid-template-columns: 1fr; }
  .architecture > i, .trade-flow > i { text-align: center; transform: rotate(90deg); }
  .trade-split { grid-template-columns: 1fr 1fr; }
  .capacity-board { grid-template-columns: 1fr; }
}
@media (max-width: 42rem) {
  .case-lane { width: min(100% - 2rem, 72rem); align-items: flex-start; flex-direction: column; }.case-lane a { margin-left: 0; }
  .case-shell { width: min(100% - 2rem, 72rem); }
  .case-hero { padding-top: 3rem; }
  .case-hero h1 { font-size: clamp(2.2rem, 11vw, 3.2rem); }
  .case-facts, .metric-row, .decision-list, .result-list, .board-metrics, .meta-card dl { grid-template-columns: 1fr; }
  .case-facts div { min-height: 0; }
  .metric-row { background: transparent; }
  .metric-row div { border-top: 1px solid #52658d; }
  .story-section { grid-template-columns: 1fr; gap: .45rem; }
  .narrative-steps article { grid-template-columns: 1fr; gap: .35rem; }
  .decision-list article { min-height: 0; }
  .trade-split, .size-scale { grid-template-columns: 1fr 1fr; }
  .board-top { flex-direction: column; }
  .board-history { gap: .3rem; }
}

/* 2026 brand refresh */
.brand-refresh { background: var(--paper); color: var(--ink); }
.brand-refresh nav { max-width: 78rem; border-bottom-color: rgba(217,223,235,.85); }
.brand-refresh .brand { font-weight: 760; }.brand-refresh .brand span { color: #667085; font-weight: 500; }
.brand-refresh .navlinks a { color: #46526a; }.brand-refresh .button.dark, .button.primary { background: var(--forest); color: white; box-shadow: 0 8px 22px rgba(20,33,61,.16); }
.button.primary { min-height: 3rem; padding: .8rem 1.2rem; border-radius: .7rem; }.button.secondary { min-height: 3rem; padding: .75rem 1.15rem; border: 1px solid #aeb8ca; border-radius: .7rem; background: white; color: var(--ink); }
.brand-refresh .eyebrow, .brand-refresh .section-label { color: var(--cobalt); }
.home-shell { width: min(100% - 3.5rem, 74rem); margin-inline: auto; }

.new-hero { position: relative; overflow: hidden; padding: clamp(4.5rem, 9vw, 7.5rem) 0 clamp(5rem, 9vw, 7rem); background: radial-gradient(circle at 84% 15%, #dfe7ff 0, rgba(223,231,255,0) 30%), linear-gradient(180deg,#fbfcff 0%,#f4f7fd 100%); }
.new-hero::before { width: 38rem; height: 38rem; position: absolute; right: -18rem; bottom: -24rem; border: 1px solid #c9d4f4; border-radius: 50%; content: ""; }
.hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.92fr) minmax(31rem,1.08fr); gap: clamp(3rem,7vw,6rem); align-items: center; }
.hero-message h1 { max-width: 44rem; font-size: clamp(3rem,5.4vw,5rem); font-weight: 400; line-height: 1.01; letter-spacing: -.055em; }
.hero-message .lede { max-width: 40rem; color: #4b5870; font-size: clamp(1.08rem,1.7vw,1.28rem); }
.hero-note { margin: 1.2rem 0 0; color: #6a7488; font-size: .85rem; }
.hero-product { min-height: 32rem; position: relative; display: grid; place-items: center; }
.product-glow { width: 26rem; height: 26rem; position: absolute; border-radius: 50%; background: rgba(111,140,255,.25); filter: blur(70px); }
.product-window { width: 100%; position: relative; z-index: 1; overflow: hidden; border: 1px solid #bfc9dc; border-radius: 1.1rem; background: white; box-shadow: 0 36px 80px rgba(26,43,81,.22); transform: perspective(1200px) rotateY(-4deg) rotateX(1deg); }
.window-bar { min-height: 3.1rem; display: flex; align-items: center; gap: .4rem; padding: .7rem 1rem; border-bottom: 1px solid var(--line); background: #f7f9fd; }
.window-bar > span { width: .56rem; height: .56rem; border-radius: 50%; background: #d0d6e2; }.window-bar > span:first-child { background: #f29f85; }.window-bar > span:nth-child(2) { background: #f3c86a; }.window-bar > span:nth-child(3) { background: #78c998; }
.window-bar b { margin-left: .45rem; font-size: .72rem; }.window-bar em { margin-left: auto; padding: .25rem .5rem; border-radius: 999px; background: #e8f7ee; color: #247346; font-size: .58rem; font-style: normal; font-weight: 700; }
.window-layout { display: grid; grid-template-columns: 3.4rem 1fr; min-height: 25rem; }.window-layout > aside { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding-top: 1.25rem; background: var(--forest); }.window-layout > aside i { width: 1.15rem; height: 1.15rem; border: 1px solid #5f6c89; border-radius: .3rem; }.window-layout > aside i.active { background: var(--cobalt-bright); border-color: var(--cobalt-bright); box-shadow: 0 0 0 4px rgba(111,140,255,.15); }
.window-main { padding: 1.3rem; background: #fbfcff; }.window-main > header { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }.window-main header small,.window-main header strong { display: block; }.window-main header small { color: var(--cobalt); font-size: .55rem; font-weight: 750; letter-spacing: .1em; }.window-main header strong { margin-top: .2rem; font-size: 1.1rem; }.window-main header button { border: 0; border-radius: .45rem; padding: .45rem .7rem; background: var(--cobalt); color: white; font: inherit; font-size: .64rem; font-weight: 700; }
.product-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: .7rem; margin: 1.2rem 0 .7rem; }.product-grid article { min-height: 12rem; padding: .9rem; border: 1px solid var(--line); border-radius: .72rem; background: white; box-shadow: 0 7px 20px rgba(20,33,61,.06); }
.card-title { display: flex; justify-content: space-between; gap: .5rem; color: #59647a; font-size: .64rem; }.card-title em { color: #2c7a4b; font-style: normal; }.team-view > b { display: block; margin: .7rem 0 .4rem; font-size: 1rem; }.chart-bars { height: 5rem; display: flex; align-items: end; gap: .35rem; padding-bottom: .5rem; border-bottom: 1px solid var(--line); }.chart-bars i { flex: 1; border-radius: .25rem .25rem 0 0; background: linear-gradient(180deg,var(--cobalt-bright),var(--cobalt)); }.team-view footer { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem 0 0; color: #59647a; font-size: .65rem; }.team-view footer strong { color: var(--ink); }
.life-view { background: linear-gradient(180deg,#fff 0,#f6f8ff 100%) !important; }.life-view label { display: flex; align-items: center; gap: .5rem; padding: .65rem 0; border-bottom: 1px solid var(--line); color: #4b5870; font-size: .66rem; }.life-view label i { width: 1.1rem; height: 1.1rem; display: grid; place-items: center; border: 1px solid #b8c2d4; border-radius: .3rem; color: var(--cobalt); font-style: normal; }
.activity-row { display: grid; grid-template-columns: repeat(3,1fr); gap: .45rem; }.activity-row > span { display: grid; grid-template-columns: auto 1fr; gap: .1rem .4rem; padding: .55rem; border: 1px solid var(--line); border-radius: .5rem; background: white; }.activity-row i { width: .45rem; height: .45rem; grid-row: span 2; margin-top: .2rem; border-radius: 50%; background: var(--cobalt-bright); }.activity-row b { font-size: .59rem; }.activity-row small { color: #748096; font-size: .52rem; }
.floating-card { position: absolute; z-index: 2; padding: .75rem .9rem; border: 1px solid rgba(255,255,255,.85); border-radius: .7rem; background: rgba(255,255,255,.92); box-shadow: 0 16px 35px rgba(20,33,61,.18); backdrop-filter: blur(12px); }.floating-card span,.floating-card b { display: block; }.floating-card span { color: #657086; font-size: .65rem; }.floating-card b { margin-top: .15rem; font-size: .95rem; }.floating-card.one { right: -1.2rem; bottom: 2.2rem; }.floating-card.two { left: -1.2rem; top: 5.2rem; display: flex; align-items: center; gap: .45rem; }.floating-card.two i { width: 1.35rem; height: 1.35rem; display: grid; place-items: center; border-radius: 50%; background: #e6ecff; color: var(--cobalt); font-size: .65rem; font-style: normal; }

.problem-choice { padding: clamp(5rem,9vw,8rem) 0; }.section-intro { max-width: 49rem; margin-bottom: 2.4rem; }.section-intro > p:last-child { color: var(--muted); font-size: 1.06rem; }.section-intro h2 { font-size: clamp(2rem,3.7vw,3.2rem); font-weight: 450; }
.choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }.choice-panel { position: relative; overflow: hidden; min-height: 37rem; display: flex; flex-direction: column; padding: clamp(1.6rem,3vw,2.35rem); border: 1px solid var(--line); border-radius: 1.25rem; background: white; text-decoration: none; box-shadow: 0 14px 35px rgba(20,33,61,.06); transition: transform .22s ease,box-shadow .22s ease; }.choice-panel:hover { transform: translateY(-4px); box-shadow: var(--shadow); }.team-choice { background: linear-gradient(155deg,#14213d 0,#20345f 100%); color: white; }.personal-choice { background: linear-gradient(155deg,#fff 0,#edf1ff 100%); }
.choice-top { display: flex; justify-content: space-between; align-items: center; }.choice-top span { font-size: .78rem; font-weight: 720; letter-spacing: .08em; text-transform: uppercase; }.team-choice .choice-top span { color: #b9c7ff; }.personal-choice .choice-top span { color: var(--cobalt); }.choice-top b { color: rgba(89,100,122,.45); font-size: 2.8rem; font-weight: 420; }.team-choice .choice-top b { color: rgba(255,255,255,.2); }
.choice-panel h3 { max-width: 30rem; margin: 2rem 0 1rem; font-size: clamp(1.75rem,3vw,2.45rem); font-weight: 500; }.choice-panel ul { margin: 0 0 1.5rem; padding-left: 1.2rem; color: #566177; }.team-choice ul { color: #d5dcef; }.choice-panel > strong { margin-bottom: 1.5rem; }.choice-panel > strong i { font-style: normal; }.choice-ui { margin-top: auto; padding: 1rem; border-radius: .8rem; box-shadow: 0 20px 45px rgba(0,0,0,.14); }.team-ui { border: 1px solid #6173a4; background: #f8faff; color: var(--ink); }.personal-ui { border: 1px solid #c7d0e3; background: white; }
.choice-ui header { display: flex; justify-content: space-between; gap: .5rem; padding-bottom: .7rem; border-bottom: 1px solid var(--line); font-size: .68rem; }.choice-ui header em { color: #2c7a4b; font-style: normal; }.choice-ui > div { display: grid; grid-template-columns: auto 1fr auto; gap: .55rem; align-items: center; padding: .7rem 0; border-bottom: 1px solid var(--line); font-size: .67rem; }.choice-ui > div:last-child { border: 0; }.choice-ui > div > i { min-width: 3.5rem; padding: .2rem .35rem; border-radius: 999px; background: #e9eefc; color: var(--cobalt); text-align: center; font-style: normal; }.personal-ui > div > i { min-width: 1.2rem; width: 1.2rem; height: 1.2rem; display: grid; place-items: center; padding: 0; border: 1px solid #b8c2d4; border-radius: .3rem; background: white; }.choice-ui small { color: #748096; }

.guide-section { padding: clamp(5rem,9vw,8rem) 0; background: #edf1fb; }.guide-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(3rem,8vw,7rem); align-items: center; }.guide-photo { min-height: 34rem; position: relative; overflow: hidden; border-radius: 1.25rem; background: #dce3f0; box-shadow: 0 25px 55px rgba(20,33,61,.14); }.guide-photo img { width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: 59% center; }.guide-photo::after { position: absolute; inset: 45% 0 0; background: linear-gradient(transparent,rgba(14,23,43,.72)); content: ""; }.guide-badge { position: absolute; z-index: 1; right: 1rem; bottom: 1rem; left: 1rem; padding: 1rem; border: 1px solid rgba(255,255,255,.28); border-radius: .8rem; background: rgba(17,26,46,.58); color: white; backdrop-filter: blur(14px); }.guide-badge b,.guide-badge span { display: block; }.guide-badge span { margin-top: .15rem; color: #d9e0ee; font-size: .78rem; }
.guide-copy h2 { max-width: 42rem; font-size: clamp(2.1rem,4vw,3.3rem); font-weight: 450; }.guide-copy > p:not(.eyebrow) { max-width: 42rem; color: #4f5c73; font-size: 1.05rem; }.credibility-row { display: grid; grid-template-columns: repeat(3,1fr); gap: .75rem; margin: 2rem 0; }.credibility-row span { padding: 1rem 0; border-top: 2px solid #aebbe8; color: #5b667b; font-size: .78rem; }.credibility-row b { display: block; margin-bottom: .35rem; color: var(--ink); font-size: .95rem; }

.plan-section { padding: clamp(5rem,9vw,8rem) 0; }.new-plan { border-top: 1px solid var(--line); }.new-plan article { display: grid; grid-template-columns: 5rem 1fr; gap: 2rem; padding: 1.7rem 0; border-bottom: 1px solid var(--line); }.new-plan article > span { color: var(--cobalt); font-size: 1.5rem; font-weight: 520; }.new-plan h3 { font-size: 1.35rem; }.new-plan p { margin: .45rem 0 0; color: var(--muted); }

.work-section { padding: clamp(5rem,9vw,8rem) 0; background: var(--forest); color: white; }.work-section .eyebrow { color: #aebcff; }.work-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 3rem; align-items: end; margin-bottom: 2.5rem; }.work-heading h2 { font-size: clamp(2.1rem,4vw,3.4rem); }.work-heading > p { color: #c8d1e2; }
.premium-cases .case { border-color: #34466c; background: #fff; color: var(--ink); }.case-visual.premium { height: 14rem; position: relative; display: block; padding: 1.1rem; background: linear-gradient(145deg,#eef2ff,#dce5ff); color: var(--ink); }.visual-label { display: block; color: #4b5d87; font-size: .62rem; font-weight: 730; letter-spacing: .08em; text-transform: uppercase; }.metric-card { width: 40%; position: absolute; left: 1.1rem; bottom: 1.1rem; padding: .85rem; border: 1px solid #c4cde0; border-radius: .65rem; background: rgba(255,255,255,.86); box-shadow: 0 10px 28px rgba(20,33,61,.1); }.metric-card small,.metric-card b,.metric-card i { display: block; }.metric-card b { font-size: 2rem; }.metric-card i { color: #667085; font-size: .6rem; font-style: normal; }.donut { width: 6rem; height: 6rem; position: absolute; right: 1.5rem; bottom: 2.5rem; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--cobalt) 0 82%,#cbd4e8 82%); }.donut::after { width: 4rem; height: 4rem; position: absolute; border-radius: 50%; background: #eef2ff; content: ""; }.donut span { z-index: 1; font-weight: 700; }.visual-list { width: 42%; position: absolute; right: 1rem; bottom: 1rem; }.visual-list i { height: .25rem; display: block; margin-top: .3rem; border-radius: 1rem; background: #9faccc; }.visual-list i:nth-child(2) { width: 76%; }.visual-list i:nth-child(3) { width: 58%; }
.trade-visual { display: grid !important; grid-template-columns: 1fr auto 1fr auto 1fr !important; gap: .45rem !important; align-items: center !important; }.trade-visual .visual-label,.trade-visual .visual-foot { grid-column: 1/-1; }.flow-pill { padding: .8rem .35rem; border: 1px solid #b9c5de; border-radius: .5rem; background: white; text-align: center; font-size: .66rem; font-weight: 650; }.flow-pill.accent { background: var(--cobalt); color: white; }.trade-visual > i { color: #6c7a96; font-style: normal; }.visual-foot { display: flex; justify-content: space-between; color: #60708f; font-size: .62rem; }
.capacity-visual { background: linear-gradient(145deg,#e8edff,#cad7ff) !important; }.capacity-ring { width: 7rem; height: 7rem; position: absolute; left: 1.5rem; bottom: 1.8rem; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--cobalt) 0 78%,rgba(255,255,255,.7) 78%); }.capacity-ring::after { width: 4.8rem; height: 4.8rem; position: absolute; border-radius: 50%; background: #e4eaff; content: ""; }.capacity-ring span { z-index: 1; font-size: 1.2rem; font-weight: 700; }.capacity-lines { width: 43%; position: absolute; right: 1.2rem; bottom: 3.3rem; }.capacity-lines i { height: .55rem; display: block; margin: .7rem 0; border-radius: 1rem; background: linear-gradient(90deg,var(--cobalt),var(--cobalt-bright)); }.capacity-visual .visual-foot { position: absolute; right: 1.2rem; bottom: 1.2rem; left: 1.2rem; }
.daily-visual { background: linear-gradient(145deg,#f6f7fb,#dfe5f1) !important; }.trend-chart { height: 8rem; display: flex; align-items: end; gap: .55rem; margin-top: 1.1rem; padding: 1rem; border: 1px solid #cad2e2; border-radius: .65rem; background: rgba(255,255,255,.78); }.trend-chart i { flex: 1; border-radius: .25rem .25rem 0 0; background: linear-gradient(180deg,var(--cobalt-bright),var(--cobalt)); }.visual-status { display: flex; gap: .45rem; margin-top: .55rem; }.visual-status span { padding: .28rem .5rem; border-radius: 999px; background: #e4f4e9; color: #277245; font-size: .58rem; }.visual-status span:last-child { background: #fff0e6; color: #9a4b1f; }
.premium-cases .case-body > p:not(.eyebrow) { min-height: 3.3rem; }.premium-cases .case-body > strong { color: var(--cobalt); }

/* AI assistant portfolio card */
.ai-preview { background:#edf1ff!important; }
.ai-mark { background:#3158d9!important;color:#fff!important; }
.ai-preview-shell { min-height:11.2rem;display:grid;grid-template-columns:4.5rem 1fr;background:#f7f9fe;color:#172238; }
.ai-preview-shell > aside { display:flex;flex-direction:column;gap:.35rem;padding:.75rem .5rem;background:#14213d;color:#9eabc4;font-size:.5rem; }
.ai-preview-shell > aside span { padding:.35rem .4rem;border-radius:.3rem; }.ai-preview-shell > aside .active { background:#263858;color:#fff; }
.ai-preview-shell > main { padding:.72rem; }
.ai-preview-shell main > header { display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem; }
.ai-preview-shell header small,.ai-preview-shell header b { display:block; }.ai-preview-shell header small { color:#667085;font-size:.45rem;letter-spacing:.08em; }.ai-preview-shell header b { font-size:.72rem; }.ai-preview-shell header > span { padding:.25rem .4rem;border-radius:999px;background:#e8edff;color:#3158d9;font-size:.48rem;font-weight:700; }
.ai-card-grid { display:grid;grid-template-columns:1fr 1fr;gap:.42rem; }
.ai-card-grid article { display:grid;grid-template-columns:auto 1fr auto;gap:.4rem;align-items:center;padding:.48rem;border:1px solid #d9dfed;border-radius:.45rem;background:#fff; }
.ai-card-grid article > i { width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:.38rem;background:#e8edff;color:#3158d9;font-size:.46rem;font-style:normal;font-weight:750; }
.ai-card-grid article span b,.ai-card-grid article span small { display:block; }.ai-card-grid article span b { font-size:.53rem; }.ai-card-grid article span small { margin-top:.08rem;color:#7a8498;font-size:.42rem; }.ai-card-grid article > em { color:#397154;font-size:.42rem;font-style:normal;font-weight:700; }

/* Role-based AI case study */
.theme-ai .visual-stage { background:radial-gradient(circle at 85% 5%,rgba(95,126,223,.25),transparent 28rem),#14213d; }
.theme-ai .metric-row strong { color:#aebeff; }
.ai-workspace { overflow:hidden;border:1px solid #3a527f;border-radius:1rem;background:#f5f7fc;color:#172238;box-shadow:0 32px 80px rgba(4,12,28,.28); }
.ai-workspace-bar { min-height:4rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #d7deeb;background:#fff; }
.ai-workspace-bar > div { display:flex;align-items:center;gap:.65rem; }.ai-workspace-bar > div span { width:2rem;height:2rem;display:grid;place-items:center;border-radius:.5rem;background:#3158d9;color:#fff;font-size:.7rem;font-weight:800; }.ai-workspace-bar nav { display:flex;gap:.35rem; }.ai-workspace-bar nav span { padding:.42rem .65rem;border-radius:.45rem;color:#677187;font-size:.72rem; }.ai-workspace-bar nav .active { background:#e8edff;color:#3158d9;font-weight:700; }.ai-workspace-bar > em { justify-self:end;color:#397154;font-size:.7rem;font-style:normal;font-weight:700; }
.ai-workspace-body { min-height:30rem;display:grid;grid-template-columns:12rem 1fr; }
.ai-workspace-body > aside { display:flex;flex-direction:column;gap:.35rem;padding:1.2rem .8rem;background:#101a31;color:#b4bfd4; }.ai-workspace-body > aside > small { margin:.2rem .55rem .55rem;color:#7f8ba4;font-size:.58rem;letter-spacing:.1em; }.ai-workspace-body > aside > span { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.55rem;border-radius:.45rem;font-size:.72rem; }.ai-workspace-body > aside > span i { width:.5rem;height:.5rem;border:1px solid #8290ac;border-radius:.15rem; }.ai-workspace-body > aside > span b { font-size:.62rem; }.ai-workspace-body > aside > .active { background:#243555;color:#fff; }.ai-workspace-body > aside > .active i { border-color:#7893ff;background:#7893ff; }.ai-workspace-body > aside footer { margin-top:auto;padding:.85rem .55rem;border-top:1px solid #32415e; }.ai-workspace-body > aside footer small,.ai-workspace-body > aside footer b,.ai-workspace-body > aside footer em { display:block; }.ai-workspace-body > aside footer small { color:#7f8ba4;font-size:.55rem;letter-spacing:.08em; }.ai-workspace-body > aside footer b { margin-top:.45rem;color:#fff;font-size:.75rem; }.ai-workspace-body > aside footer em { margin-top:.15rem;color:#8fa1bf;font-size:.63rem;font-style:normal; }
.ai-workspace-body > main { padding:clamp(1rem,3vw,2rem); }.ai-workspace-body > main > header { display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:1.5rem; }.ai-workspace-body > main > header small { color:#3158d9;font-size:.6rem;font-weight:750;letter-spacing:.1em; }.ai-workspace-body > main > header h3 { margin:.25rem 0;font-size:1.35rem; }.ai-workspace-body > main > header p { margin:0;color:#6b7589;font-size:.78rem; }.ai-workspace-body > main > header button { padding:.55rem .75rem;border:0;border-radius:.45rem;background:#3158d9;color:#fff;font-size:.7rem;font-weight:700; }
.assistant-grid { display:grid;grid-template-columns:1fr 1fr;gap:.8rem; }.assistant-grid article { padding:1rem;border:1px solid #d9dfeb;border-radius:.7rem;background:#fff;box-shadow:0 7px 18px rgba(20,33,61,.05); }.assistant-grid article > div { display:flex;align-items:center;justify-content:space-between; }.assistant-grid article > div span { width:2rem;height:2rem;display:grid;place-items:center;border-radius:.5rem;background:#e8edff;color:#3158d9;font-size:.62rem;font-weight:800; }.assistant-grid article > div em { padding:.22rem .4rem;border-radius:999px;background:#e8f4ed;color:#397154;font-size:.55rem;font-style:normal;font-weight:750; }.assistant-grid h4 { margin:1rem 0 .35rem;font-size:.9rem; }.assistant-grid p { min-height:2.4rem;margin:0;color:#6b7589;font-size:.7rem;line-height:1.5; }.assistant-grid footer { display:flex;align-items:center;gap:.4rem;margin-top:.9rem;padding-top:.7rem;border-top:1px solid #e4e8f0; }.assistant-grid footer i { width:.45rem;height:.45rem;border-radius:50%;background:#5a79e8; }.assistant-grid footer small { color:#69748a;font-size:.6rem; }
.governance-row { display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.8rem; }.governance-row span { padding:.7rem;border:1px solid #d9dfeb;border-radius:.55rem;background:#eef2fa; }.governance-row b,.governance-row small { display:block; }.governance-row b { font-size:.65rem; }.governance-row small { margin-top:.2rem;color:#6b7589;font-size:.56rem;line-height:1.35; }

@media (max-width:62rem) {
  .ai-workspace-bar { grid-template-columns:1fr auto; }.ai-workspace-bar nav { display:none; }
  .ai-workspace-body { grid-template-columns:1fr; }.ai-workspace-body > aside { display:none; }
}
@media (max-width:50rem) {
  .ai-preview-shell { grid-template-columns:1fr; }.ai-preview-shell > aside { display:none; }
  .assistant-grid,.governance-row { grid-template-columns:1fr; }.governance-row span:nth-child(n+2) { display:none; }
  .ai-workspace-body > main > header { display:block; }.ai-workspace-body > main > header button { margin-top:1rem; }
  .ai-workspace-bar > em { display:none; }
}

.closing-cta { display: grid; grid-template-columns: 1.2fr .8fr; gap: 3rem; align-items: end; margin-block: clamp(4rem,8vw,7rem); padding: clamp(2rem,5vw,4rem); border-radius: 1.25rem; background: linear-gradient(135deg,#dfe6ff,#f3f5ff); }.closing-cta h2 { max-width: 40rem; font-size: clamp(2rem,4vw,3.3rem); }.closing-cta > div:last-child p { color: #626d82; font-size: .8rem; }

/* About */
.about-new-hero { padding: clamp(4.5rem,9vw,7rem) 0; background: linear-gradient(180deg,#fbfcff,#f1f4fb); }.about-new-layout { display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(3rem,8vw,7rem); align-items: center; }.about-new-layout h1 { max-width: 42rem; font-size: clamp(3rem,5vw,4.6rem); font-weight: 400; line-height: 1.03; }.about-photo { min-height: 33rem; position: relative; overflow: hidden; border-radius: 1.3rem; box-shadow: var(--shadow); }.about-photo img { width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: 59% center; }.photo-caption { position: absolute; right: 1rem; bottom: 1rem; left: 1rem; padding: 1rem; border: 1px solid rgba(255,255,255,.35); border-radius: .8rem; background: rgba(16,26,47,.68); color: white; backdrop-filter: blur(12px); }.photo-caption b,.photo-caption span { display: block; }.photo-caption span { color: #d8dfed; font-size: .78rem; }
.trust-strip { border-block: 1px solid var(--line); background: white; }.trust-strip .home-shell { min-height: 5.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }.trust-strip span { color: #7a8497; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; }.trust-strip b { color: #45516a; font-weight: 620; }
.about-problem { padding: clamp(5rem,9vw,8rem) 0; }.about-problem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.about-problem-grid article { padding: clamp(1.6rem,4vw,2.5rem); border: 1px solid var(--line); border-radius: 1rem; background: white; }.about-problem-grid article:first-child { background: #edf1ff; }.about-problem-grid article:last-child { background: var(--forest); color: white; }.about-problem-grid article > span { color: var(--cobalt); font-size: .72rem; font-weight: 720; text-transform: uppercase; letter-spacing: .08em; }.about-problem-grid article:last-child > span { color: #aebcff; }.about-problem-grid h3 { margin: 2.5rem 0 1rem; font-size: clamp(1.5rem,3vw,2.25rem); }.about-problem-grid p { color: #5b667a; }.about-problem-grid article:last-child p { color: #ced6e5; }.about-problem-grid a { display: inline-block; margin-top: 1rem; font-weight: 650; }
.leadership-section { padding: clamp(5rem,9vw,8rem) 0; background: #e9eef8; }.leadership-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem,8vw,7rem); }.leadership-layout h2 { font-size: clamp(2rem,4vw,3.25rem); }.leadership-copy { color: #4d5970; font-size: 1.06rem; }.leadership-copy strong { color: var(--ink); }.value-chips { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 2rem; }.value-chips span { padding: .5rem .75rem; border: 1px solid #b5c1d7; border-radius: 999px; background: rgba(255,255,255,.55); color: #46526a; font-size: .78rem; }
.experience-section { display: grid; grid-template-columns: 1.12fr .88fr; gap: clamp(3rem,8vw,7rem); align-items: center; padding: clamp(5rem,9vw,8rem) 0; }.experience-copy h2 { font-size: clamp(2rem,4vw,3.2rem); }.experience-copy > p:not(.eyebrow) { color: var(--muted); font-size: 1.04rem; }.experience-proof { display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; margin-top: 2rem; }.experience-proof span { padding-top: 1rem; border-top: 2px solid #c5cee0; color: #697489; font-size: .75rem; }.experience-proof b { display: block; margin-bottom: .35rem; color: var(--ink); font-size: .88rem; }
.career-visual { padding: 1.2rem; border: 1px solid var(--line); border-radius: 1rem; background: white; box-shadow: var(--shadow); }.career-header { display: flex; justify-content: space-between; gap: 1rem; padding: .3rem .25rem 1rem; border-bottom: 1px solid var(--line); font-size: .72rem; }.career-header em { color: #778297; font-style: normal; }.career-visual article { display: grid; grid-template-columns: 2.3rem 1fr; gap: .8rem; padding: 1.1rem .3rem; border-bottom: 1px solid var(--line); }.career-visual article:last-child { border: 0; }.career-visual article > b { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: .45rem; background: #edf1fb; color: #5e6e92; font-size: .7rem; }.career-visual strong,.career-visual span { display: block; }.career-visual span { margin-top: .2rem; color: #738096; font-size: .78rem; }.career-visual article.active { margin-top: .45rem; padding-inline: .7rem; border: 0; border-radius: .7rem; background: var(--forest); color: white; }.career-visual article.active > b { background: var(--cobalt-bright); color: white; }.career-visual article.active span { color: #ccd4e4; }
.about-principles { padding: 0 0 clamp(5rem,9vw,8rem); }.principle-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }.principle-grid article { padding: 1.5rem; border: 1px solid var(--line); border-radius: .9rem; background: white; }.principle-grid article > span { color: var(--cobalt); font-size: .72rem; font-weight: 720; }.principle-grid h3 { margin-top: 2.5rem; }.principle-grid p { color: var(--muted); }

/* Refined service-page visuals */
.brand-refresh .forest-band { background: radial-gradient(circle at 85% 15%,#304a83 0,transparent 34%),var(--forest); }.brand-refresh .personal-band { background: radial-gradient(circle at 85% 12%,#dbe3ff 0,transparent 32%),#f4f6fc; }.brand-refresh .service-hero h1 { font-weight: 400; letter-spacing: -.045em; }.brand-refresh .button.lime { background: var(--cobalt-bright); color: #0f1930; box-shadow: 0 8px 24px rgba(111,140,255,.28); }
.premium-board { border-color: rgba(175,189,218,.65); border-radius: 1rem; box-shadow: 0 34px 75px rgba(5,14,32,.28); transform: perspective(1100px) rotateY(-3deg); }.personal-band .premium-board { box-shadow: 0 30px 65px rgba(33,53,94,.16); }.board-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; padding: 1rem 0 0; }.board-stats article { padding: .7rem; border: 1px solid var(--line); border-radius: .55rem; background: white; }.board-stats small,.board-stats b,.board-stats em { display: block; }.board-stats small { color: #6a7589; font-size: .58rem; }.board-stats b { margin: .2rem 0; font-size: 1.2rem; }.board-stats em { color: #2c7a4b; font-size: .54rem; font-style: normal; }
.brand-refresh .flow-row article { border-color: #cbd3e2; box-shadow: 0 7px 18px rgba(20,33,61,.06); }.brand-refresh .flow-summary span { background: #e9edf6; }.brand-refresh .flow-summary i { background: var(--cobalt); }.personal-welcome { padding: 1rem 0 .2rem; }.personal-welcome small,.personal-welcome b,.personal-welcome span { display: block; }.personal-welcome small { color: var(--cobalt); font-size: .58rem; font-weight: 750; letter-spacing: .09em; }.personal-welcome b { margin: .2rem 0; font-size: 1.05rem; }.personal-welcome span { color: #738096; font-size: .65rem; }.personal-tabs em { margin-left: auto; color: #2c7a4b; font-size: .64rem; font-style: normal; }.today-card label em { margin-left: auto; color: #748096; font-size: .58rem; font-style: normal; }
.brand-refresh .service-cards > article { box-shadow: 0 12px 30px rgba(20,33,61,.06); }.brand-refresh .card-visual { background: linear-gradient(145deg,#edf1ff,#dfe6ff); }.brand-refresh .card-visual i:nth-child(3) { background: var(--cobalt); }.brand-refresh .success-band { background: linear-gradient(145deg,#14213d,#243b6a); }

@media (max-width: 64rem) {
  .hero-layout { grid-template-columns: 1fr; }.hero-message { max-width: 48rem; }.hero-product { width: min(100%,42rem); margin-inline: auto; }.floating-card.two { left: .5rem; }.floating-card.one { right: .5rem; }
}
@media (max-width: 50rem) {
  .home-shell { width: min(100% - 2.5rem,74rem); }
  .choice-grid,.guide-layout,.work-heading,.closing-cta,.about-new-layout,.about-problem-grid,.leadership-layout,.experience-section { grid-template-columns: 1fr; }
  .guide-photo,.about-photo { min-height: 28rem; }.credibility-row,.experience-proof,.principle-grid { grid-template-columns: 1fr; }
  .trust-strip .home-shell { flex-wrap: wrap; justify-content: flex-start; padding-block: 1.25rem; }.trust-strip span { width: 100%; }
  .product-window { transform: none; }.choice-panel { min-height: 34rem; }.premium-board { transform: none; }
}
@media (max-width: 34rem) {
  .home-shell { width: min(100% - 2rem,74rem); }.hero-message h1,.about-new-layout h1 { font-size: 2.65rem; }
  .window-layout { grid-template-columns: 2.5rem 1fr; }.window-main { padding: .8rem; }.product-grid,.activity-row,.board-stats { grid-template-columns: 1fr; }.product-grid article { min-height: 0; }.activity-row { display: none; }.floating-card { display: none !important; }
  .new-plan article { grid-template-columns: 3rem 1fr; gap: 1rem; }.choice-panel { min-height: 0; }.choice-ui { margin-top: 1rem; }
}

/* Cascade-safe final refinements */
.hero-message h1 { font-size: clamp(3rem,5.2vw,4.75rem); }
.about-new-layout h1 { font-size: clamp(2.8rem,4.6vw,4.15rem); }
.brand-refresh .navlinks a { color: #344158; }
.brand-refresh .eyebrow,.brand-refresh .section-label { color: #294fc8; }
.brand-refresh .forest-band .eyebrow,.brand-refresh .work-section .eyebrow,.brand-refresh .success-band:not(.personal-success) .eyebrow { color: #c7d1ff; }
.new-hero { background: radial-gradient(circle at 78% 18%,rgba(111,140,255,.22),transparent 27rem),radial-gradient(circle at 8% 88%,rgba(244,162,97,.12),transparent 22rem),linear-gradient(180deg,#fbfcff 0,#f2f5fc 100%); }
.product-window { border-color: #bcc7dc; box-shadow: 0 42px 90px rgba(20,33,61,.2),0 10px 28px rgba(20,33,61,.1); }
.window-layout > aside { background: linear-gradient(180deg,#162544,#203968); }.window-layout > aside i.active { background: #8ba1ff; border-color: #8ba1ff; box-shadow: 0 0 0 5px rgba(139,161,255,.18); }
.window-main { background: linear-gradient(145deg,#fff 0,#f6f8fe 100%); }.product-grid article { border-color: #ccd4e4; box-shadow: 0 12px 28px rgba(20,33,61,.07); }
.window-main header small,.window-bar b,.window-bar em,.window-main header button,.card-title,.life-view label,.team-view footer,.activity-row b,.activity-row small,.floating-card span { font-size: .75rem; }
.choice-panel { border-color: #c9d2e4; box-shadow: 0 18px 45px rgba(20,33,61,.08); }.choice-panel:hover { transform: translateY(-5px); box-shadow: 0 28px 58px rgba(20,33,61,.15); }.team-choice { background: linear-gradient(145deg,#14213d,#223b70); }.team-choice ul { color: #e1e6f2; }.team-choice > strong { color: #fff; }.choice-ui header,.choice-ui > div { font-size: .75rem; }.choice-ui small { color: #59647a; font-size: .72rem; }
.guide-photo img,.about-photo img { object-position: 43% 46%; transform: scale(1.13); transform-origin: 46% 42%; }.guide-badge,.photo-caption { background: rgba(12,22,43,.82); }.guide-badge span,.photo-caption span { color: #f0f3fa; font-size: .875rem; }
.trust-strip .home-shell { justify-content: flex-start; }.trust-strip span { min-width: 14rem; color: #4f5b72; font-size: .78rem; }.trust-strip b { padding-left: 1.25rem; border-left: 1px solid #d3dae7; color: #29364d; }
.work-section { background: radial-gradient(circle at 88% 12%,rgba(81,111,190,.34),transparent 26rem),linear-gradient(150deg,#111d36,#172848 68%,#1d3158); }.premium-cases .case { box-shadow: 0 20px 45px rgba(5,12,28,.17); }.premium-cases .case:hover { transform: translateY(-6px); box-shadow: 0 32px 65px rgba(5,12,28,.3); }
.case-visual.premium { height: 15rem; border-bottom: 1px solid #c4cde0; background: linear-gradient(145deg,#f4f7ff,#dbe4fb); }.case-visual.premium::before { position: absolute; inset: 0 0 auto; height: 2.1rem; border-bottom: 1px solid rgba(160,174,204,.45); background: rgba(255,255,255,.45); content: ""; }.case-visual.premium::after { width: .48rem; height: .48rem; position: absolute; top: .82rem; left: 1rem; border-radius: 50%; background: #8ca2d7; box-shadow: .85rem 0 #b5c1dc,1.7rem 0 #d0d7e7; content: ""; }.visual-label { position: relative; z-index: 1; padding-left: 2.8rem; color: #344b7d; font-size: .75rem; }.flow-pill,.visual-foot,.visual-status span,.metric-card i,.metric-card small { font-size: .75rem; }
.premium-board { overflow: hidden; position: relative; border-color: #b7c2d7; background: #fff; }.premium-board::before { position: absolute; z-index: 3; inset: 0 0 auto; height: .22rem; background: linear-gradient(90deg,#6f8cff,#3158d9,#f4a261); content: ""; }.board-stats small,.board-stats em,.personal-welcome small,.personal-welcome span,.personal-tabs em,.today-card label em,.flow-row span,.flow-summary span,.personal-tabs span,.today-card label,.folder-row b,.folder-row span { font-size: .75rem; }
.brand-refresh .service-cards > article { overflow: hidden; border-color: #cbd3e2; box-shadow: 0 16px 38px rgba(20,33,61,.08); transition: transform .2s ease,box-shadow .2s ease; }.brand-refresh .service-cards > article:hover { transform: translateY(-4px); box-shadow: 0 25px 50px rgba(20,33,61,.14); }.brand-refresh .card-visual { position: relative; overflow: hidden; height: 10.5rem; border: 1px solid #c9d3e6; background: linear-gradient(145deg,#f0f4ff,#dce6ff); }.brand-refresh .card-visual::before { position: absolute; inset: .8rem .8rem auto; height: 1rem; border-bottom: 1px solid #c6d0e3; content: ""; }.brand-refresh .card-visual::after { width: .4rem; height: .4rem; position: absolute; top: .8rem; left: .85rem; border-radius: 50%; background: #7890c7; box-shadow: .7rem 0 #a8b6d4,1.4rem 0 #c4cde0; content: ""; }.brand-refresh .card-visual i { position: relative; margin-top: 1.35rem; border: 1px solid rgba(140,155,187,.45); box-shadow: 0 8px 20px rgba(20,33,61,.1); }.brand-refresh .success-band:not(.personal-success) { background: linear-gradient(145deg,#14213d,#27447b); }.brand-refresh .success-band:not(.personal-success) .success-list span { border-color: #7184b2; background: rgba(255,255,255,.1); color: #fff; }.personal-success .success-list span { color: #243149; }
@media (max-width:50rem) { .trust-strip b { padding-left:0; border-left:0; }.trust-strip span { min-width:100%; }.guide-photo img,.about-photo img { object-position:45% 45%; transform:scale(1.1); } }

/* High-fidelity product surfaces */
.guide-photo img,.about-photo img { object-position: center center; transform: none; }
@media (max-width:50rem) { .guide-photo img,.about-photo img { object-position:center center; transform:none; } }

.ops-console,.life-console { overflow:hidden; border:1px solid rgba(166,181,213,.75); border-radius:1.2rem; background:#fff; color:var(--ink); box-shadow:0 38px 80px rgba(6,15,35,.34); transform:perspective(1200px) rotateY(-2deg); }
.life-console { box-shadow:0 35px 75px rgba(31,48,86,.18); }
.console-chrome,.life-chrome { min-height:3rem; display:flex; align-items:center; gap:.42rem; padding:.75rem 1rem; border-bottom:1px solid #d8deea; background:linear-gradient(180deg,#fff,#f7f9fd); }
.console-chrome::before,.life-chrome::before { position:absolute; inset:0 0 auto; height:.2rem; background:linear-gradient(90deg,#6f8cff,#3158d9 55%,#f4a261); content:""; }
.console-chrome,.life-chrome { position:relative; }.console-chrome > span,.life-chrome > span { width:.55rem; height:.55rem; border-radius:50%; background:#d4dbe8; }.console-chrome > span:first-child,.life-chrome > span:first-child { background:#f2a184; }.console-chrome > span:nth-child(2),.life-chrome > span:nth-child(2) { background:#efc66e; }.console-chrome > span:nth-child(3),.life-chrome > span:nth-child(3) { background:#78c79a; }
.console-chrome b,.life-chrome b { margin-left:.5rem; font-size:.78rem; }.console-chrome em,.life-chrome em { margin-left:auto; padding:.27rem .55rem; border-radius:999px; background:#e6f5eb; color:#17633b; font-size:.75rem; font-style:normal; font-weight:700; }
.console-shell,.life-shell { display:grid; grid-template-columns:3.35rem 1fr; min-height:34rem; }.console-shell > aside,.life-shell > aside { display:flex; flex-direction:column; align-items:center; gap:1.25rem; padding:1rem .65rem; background:linear-gradient(180deg,#172746,#203b6e); }.console-mark,.life-mark { width:2rem; height:2rem; display:grid; place-items:center; margin-bottom:.3rem; border-radius:.55rem; background:#7893ff; color:#fff; font-size:.65rem; font-weight:800; }.console-shell > aside i,.life-shell > aside i { width:1.1rem; height:1.1rem; border:1px solid #8293b8; border-radius:.3rem; }.console-shell > aside i.selected,.life-shell > aside i.selected { background:#fff; border-color:#fff; box-shadow:0 0 0 5px rgba(255,255,255,.12); }
.console-main,.life-main { padding:1.25rem; background:linear-gradient(145deg,#fbfcff,#f3f6fc); }.console-main > header,.life-main > header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.console-main header small,.console-main header strong,.life-main header small,.life-main header strong { display:block; }.console-main header small,.life-main header small { color:#3158d9; font-size:.75rem; font-weight:750; letter-spacing:.08em; }.console-main header strong,.life-main header strong { margin-top:.15rem; font-size:1.15rem; }.console-main header button,.life-main header button { min-height:2rem; border:0; border-radius:.5rem; padding:.4rem .7rem; background:#3158d9; color:#fff; font:inherit; font-size:.75rem; font-weight:700; }
.console-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; }.console-kpis article { min-height:6rem; padding:.75rem; border:1px solid #d3dbea; border-radius:.7rem; background:#fff; box-shadow:0 8px 18px rgba(20,33,61,.05); }.console-kpis span,.console-kpis b,.console-kpis em { display:block; }.console-kpis span { color:#59647a; font-size:.75rem; }.console-kpis b { margin:.2rem 0; font-size:1.35rem; }.console-kpis em { color:#277044; font-size:.75rem; font-style:normal; }.micro-meter,.row-meter { height:.35rem; display:block; overflow:hidden; border-radius:1rem; background:#e3e8f2; }.micro-meter { margin-top:.7rem; }.micro-meter i { width:78%; height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,#3158d9,#7f96ff); }
.portfolio-panel { overflow:hidden; margin-top:.75rem; border:1px solid #d1d9e8; border-radius:.75rem; background:#fff; }.portfolio-head,.portfolio-row { display:grid; grid-template-columns:1.5fr .42fr .72fr .8fr; gap:.65rem; align-items:center; }.portfolio-head { padding:.65rem .75rem; background:#edf1f8; color:#58657a; font-size:.72rem; }.portfolio-row { padding:.7rem .75rem; border-top:1px solid #e0e5ee; font-size:.75rem; }.avatar { width:1.65rem; height:1.65rem; display:grid; place-items:center; border-radius:50%; background:#e5eaff; color:#3158d9; font-size:.62rem; font-weight:800; }.avatar.blue { background:#e0f0fb;color:#27658d; }.avatar.gold { background:#fff1d9;color:#865715; }.status { width:max-content; padding:.22rem .45rem; border-radius:999px; font-size:.68rem; font-weight:700; }.status.on-track,.status.ready { background:#e3f4e8;color:#246740; }.status.review { background:#fff0dd;color:#8b5418; }.row-meter i { height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,#3158d9,#91a3f7); }.console-footer { display:flex; justify-content:space-between; gap:1rem; padding:.8rem .2rem 0; color:#68758b; font-size:.72rem; }.console-footer i { width:.45rem;height:.45rem;display:inline-block;margin-right:.3rem;border-radius:50%;background:#32a063; }

.focus-grid { display:grid; grid-template-columns:1.45fr .65fr; gap:.7rem; }.focus-card,.clarity-card,.life-bottom > article { border:1px solid #d1d9e8; border-radius:.75rem; background:#fff; box-shadow:0 9px 22px rgba(20,33,61,.06); }.focus-card { padding:.9rem; }.focus-card > div { display:flex; justify-content:space-between; color:#3158d9; font-size:.75rem; font-weight:700; }.focus-card > div em { color:#68758b; font-style:normal; font-weight:500; }.focus-card h3 { margin:.55rem 0 .8rem; font-size:1rem; }.focus-card label { display:grid; grid-template-columns:auto 1fr auto; gap:.55rem; align-items:center; padding:.55rem 0; border-top:1px solid #e0e5ee; font-size:.75rem; }.focus-card label i { width:1.1rem;height:1.1rem;display:grid;place-items:center;border:1px solid #a7b3c8;border-radius:.3rem;color:#287348;font-size:.65rem;font-style:normal; }.focus-card label em { color:#627087;font-style:normal; }.clarity-card { display:flex; flex-direction:column; align-items:center; padding:.9rem; text-align:center; }.clarity-card > span { align-self:flex-start; color:#59647a; font-size:.75rem; }.clarity-ring { width:6.3rem;height:6.3rem;position:relative;display:grid;place-items:center;margin:1rem 0 .5rem;border-radius:50%;background:conic-gradient(#3158d9 0 86%,#e1e6ef 86%); }.clarity-ring::after { width:4.6rem;height:4.6rem;position:absolute;border-radius:50%;background:#fff;content:""; }.clarity-ring b,.clarity-ring small { z-index:1;position:absolute; }.clarity-ring b { margin-top:-.7rem;font-size:1.25rem; }.clarity-ring small { margin-top:1.25rem;color:#68758b;font-size:.68rem; }.clarity-card p { margin:.2rem 0 0;color:#59647a;font-size:.75rem;line-height:1.4; }
.life-bottom { display:grid; grid-template-columns:1.2fr .8fr; align-items:stretch; gap:.7rem; margin-top:.7rem; }.life-bottom > article { min-height:10.1rem; padding:.8rem; }.life-bottom header { display:flex;justify-content:space-between;gap:.5rem;padding-bottom:.6rem;border-bottom:1px solid #e0e5ee;font-size:.75rem; }.life-bottom header span { color:#3158d9; }.folder-list { display:grid;grid-template-columns:auto 1fr;column-gap:.65rem;align-items:center;padding-top:.35rem; }.folder-list > i { width:1.45rem;height:1.05rem;border-radius:.22rem;background:linear-gradient(135deg,#c7d6ef,#aac1e8);box-shadow:inset 0 0 0 1px rgba(49,88,217,.08); }.folder-list > span { display:flex;justify-content:space-between;align-items:center;gap:.65rem;min-width:0;padding:.48rem 0;border-bottom:1px solid #e6eaf1; }.folder-list > span:last-child { border-bottom:0; }.folder-list b,.folder-list small { display:block; }.folder-list b { font-size:.72rem; }.folder-list small { color:#6b778c;font-size:.68rem;white-space:nowrap; }.inbox-card p { display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;margin:.6rem 0 0; }.inbox-card p > i { width:.55rem;height:.55rem;border-radius:50%;background:#3158d9; }.inbox-card p b,.inbox-card p small { display:block;font-size:.72rem; }.inbox-card p small { color:#6b778c; }

.rich-service-cards > article { padding:1rem 1rem 1.35rem; }.mini-product { min-height:11.5rem; padding:1rem; border:1px solid #c8d2e5; border-radius:.8rem; background:linear-gradient(145deg,#f8faff,#e8eefc); box-shadow:inset 0 1px #fff; }.mini-product header { display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding-bottom:.7rem;border-bottom:1px solid #ccd5e6;font-size:.75rem; }.mini-product header span { font-weight:700; }.mini-product header em { color:#2b7248;font-style:normal; }.audit-product { display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:auto 1fr;gap:.6rem; }.audit-product header { grid-column:1/-1; }.score-ring { width:5.5rem;height:5.5rem;display:grid;place-items:center;align-self:center;border-radius:50%;background:radial-gradient(circle at center,#f2f5fd 55%,transparent 56%),conic-gradient(#3158d9 0 74%,#d7deeb 74%); }.score-ring strong { font-size:1rem; }.audit-lines { align-self:center; }.audit-lines i { height:.55rem;display:block;margin:.75rem 0;border-radius:1rem;background:#d6ddea; }.audit-lines i b { width:var(--w,75%);height:100%;display:block;border-radius:inherit;background:#8399ef; }.audit-lines i:nth-child(2) b { width:55%; }.audit-lines i:nth-child(3) b { width:88%; }
.workflow-track { display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.35rem;align-items:center;margin:1.6rem 0 1rem; }.workflow-track span { display:grid;place-items:center;gap:.45rem;font-size:.7rem; }.workflow-track span i { width:2.3rem;height:2.3rem;display:grid;place-items:center;border-radius:.6rem;background:#fff;color:#3158d9;font-style:normal;font-weight:800;box-shadow:0 8px 18px rgba(20,33,61,.12); }.workflow-track > b { width:1.2rem;height:2px;background:#9aa8c3; }.workflow-product footer { color:#59647a;font-size:.72rem;text-align:center; }.dash-number { display:flex;align-items:baseline;gap:.45rem;margin:1rem 0 .4rem; }.dash-number b { font-size:1.8rem; }.dash-number span { color:#59647a;font-size:.72rem; }.spark-bars { height:5rem;display:flex;align-items:end;gap:.4rem;padding:.6rem;border:1px solid #d0d8e7;border-radius:.55rem;background:rgba(255,255,255,.7); }.spark-bars i { flex:1;height:var(--h,45%);border-radius:.2rem .2rem 0 0;background:linear-gradient(180deg,#8fa2f7,#3158d9); }.spark-bars i:nth-child(2){height:62%}.spark-bars i:nth-child(3){height:48%}.spark-bars i:nth-child(4){height:75%}.spark-bars i:nth-child(5){height:68%}.spark-bars i:nth-child(6){height:92%}.lesson { display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:center;margin-top:.7rem;padding:.7rem;border:1px solid #d1d9e8;border-radius:.6rem;background:#fff; }.lesson > i { width:2rem;height:2rem;display:grid;place-items:center;border-radius:.5rem;background:#e8edfb;color:#3158d9;font-style:normal;font-size:.7rem; }.lesson b,.lesson small { display:block;font-size:.72rem; }.lesson small { color:#657087; }.lesson.active { border-color:#9eb0eb;box-shadow:0 8px 20px rgba(49,88,217,.1); }
.folder-tree p { display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;margin:.65rem 0;padding:.55rem;border:1px solid #d4dcea;border-radius:.5rem;background:#fff;font-size:.72rem; }.folder-tree i { width:1.25rem;height:.9rem;border-radius:.2rem;background:#afc5e8; }.folder-tree span { color:#657087; }.mail-row { display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:center;padding:.65rem 0;border-bottom:1px solid #d5dcea; }.mail-row > i { width:.55rem;height:.55rem;border-radius:50%;background:#3158d9; }.mail-row b,.mail-row small { display:block;font-size:.72rem; }.mail-row small { color:#657087; }.mail-row.faded { opacity:.65; }.task-columns { display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;padding-top:.8rem; }.task-columns > div { min-height:7.5rem;padding:.5rem;border:1px solid #d1d9e8;border-radius:.55rem;background:rgba(255,255,255,.76); }.task-columns small { color:#657087;font-size:.65rem; }.task-columns i { height:1.4rem;display:block;margin:.45rem 0;border-radius:.35rem;background:#dfe5f1; }.task-columns div:nth-child(2) i:first-of-type { background:#bfcafb; }.prompt-box { display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end;margin-top:.85rem;padding:.75rem;border:1px solid #b9c6e0;border-radius:.6rem;background:#fff; }.prompt-box p { margin:0;color:#334059;font-size:.72rem;line-height:1.4; }.prompt-box button { width:1.7rem;height:1.7rem;border:0;border-radius:.45rem;background:#3158d9;color:#fff; }.ai-answer { margin-top:.8rem; }.ai-answer i { height:.38rem;display:block;margin:.45rem 0;border-radius:1rem;background:#c8d2e5; }.ai-answer i:nth-child(2){width:82%}.ai-answer i:nth-child(3){width:57%}

.brand-refresh .personal-success { background:linear-gradient(145deg,#e9eef8,#dbe4f3); color:#111a2e; }.brand-refresh .personal-success .eyebrow { color:#294fc8; }.brand-refresh .personal-success h2 { color:#111a2e; }.brand-refresh .personal-success .success-list span { border-color:#9baac2;background:#fff;color:#243149; }

@media (max-width:50rem) { .ops-console,.life-console { transform:none; }.console-kpis { grid-template-columns:1fr; }.portfolio-head,.portfolio-row { grid-template-columns:1.5fr .5fr .8fr; }.portfolio-head span:last-child,.portfolio-row .row-meter { display:none; }.focus-grid,.life-bottom { grid-template-columns:1fr; }.folder-list { grid-template-columns:auto 1fr; }.service-hero-grid { grid-template-columns:1fr; }.console-shell,.life-shell { min-height:0; } }
@media (max-width:34rem) { .console-shell,.life-shell { grid-template-columns:2.7rem 1fr; }.console-main,.life-main { padding:.8rem; }.portfolio-head,.portfolio-row { grid-template-columns:1fr .5fr; }.portfolio-head span:nth-child(3),.portfolio-row .status { display:none; }.focus-card label { grid-template-columns:auto 1fr; }.focus-card label em { display:none; }.clarity-card { display:none; }.audit-product { grid-template-columns:1fr; }.audit-product header { grid-column:auto; }.score-ring { margin:auto; } }
.ops-console small,.life-console small,.mini-product small,.status,.clarity-ring small,.task-columns small { font-size:.75rem; }

/* Product-site finish pass */
.brand-refresh .navlinks a.button {
  min-height:2.42rem;
  padding:.48rem .88rem;
  border-radius:999px;
  font-size:.84rem;
  line-height:1.05;
  letter-spacing:-.01em;
}
.employer-link { color:inherit; font-weight:700; text-decoration-color:#8ca2ec; text-decoration-thickness:.09em; text-underline-offset:.16em; }
.employer-link:hover { color:#234cca; }
.trust-strip .home-shell { align-items:center; }
.trust-strip a { position:relative; color:#27334a; font-weight:750; text-decoration:none; transition:color .18s ease,transform .18s ease; }
.trust-strip a::after { position:absolute; right:-.9rem; bottom:-.22rem; left:0; height:2px; border-radius:2px; background:linear-gradient(90deg,#3158d9,#7390ff,#f5a05f); content:""; opacity:0; transform:scaleX(.45); transform-origin:left; transition:opacity .18s ease,transform .18s ease; }
.trust-strip a:hover { color:#234cca; transform:translateY(-1px); }
.trust-strip a:hover::after { opacity:1; transform:scaleX(1); }

.ops-console,.life-console {
  border-color:rgba(122,145,194,.65);
  background:linear-gradient(145deg,#fff 0%,#f9fbff 58%,#eef3ff 100%);
  box-shadow:0 48px 100px rgba(12,27,58,.26),0 12px 28px rgba(49,88,217,.12),inset 0 1px rgba(255,255,255,.95);
}
.ops-console::after,.life-console::after { position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.7); content:""; pointer-events:none; }
.console-chrome,.life-chrome { background:rgba(255,255,255,.82); backdrop-filter:blur(16px); }
.console-main,.life-main { background-image:radial-gradient(circle at 100% 0,rgba(93,125,235,.13),transparent 34%),linear-gradient(180deg,#f8faff,#f1f5fd); }
.console-kpis article,.portfolio-panel,.focus-card,.clarity-card,.life-bottom article {
  border-color:rgba(171,187,218,.68);
  background:rgba(255,255,255,.88);
  box-shadow:0 12px 26px rgba(21,42,82,.07),inset 0 1px rgba(255,255,255,.9);
}
.console-kpis article:first-child,.focus-card { box-shadow:0 14px 32px rgba(49,88,217,.11),inset 0 3px #3158d9; }
.mini-product {
  position:relative;
  overflow:hidden;
  border-color:rgba(151,170,211,.64);
  background:radial-gradient(circle at 92% -8%,rgba(111,142,255,.27),transparent 37%),linear-gradient(145deg,#fbfcff 0%,#edf2ff 62%,#e5ecfc 100%);
  box-shadow:0 18px 32px rgba(31,56,106,.1),inset 0 1px rgba(255,255,255,.95);
}
.mini-product::after { position:absolute; inset:auto -18% -50% 24%; height:70%; border-radius:50%; background:rgba(255,255,255,.45); filter:blur(24px); content:""; pointer-events:none; }
.rich-service-cards > article { border-color:rgba(177,191,218,.72)!important; background:linear-gradient(180deg,#fff,#fbfcff); box-shadow:0 22px 55px rgba(16,34,69,.1)!important; }
.rich-service-cards > article:hover { transform:translateY(-7px)!important; box-shadow:0 34px 70px rgba(16,34,69,.16)!important; }
.rich-service-cards > article h3 { letter-spacing:-.025em; }
.credibility-row span { position:relative; overflow:hidden; border:1px solid #d5deee; background:linear-gradient(145deg,#fff,#f4f7fd); box-shadow:0 12px 28px rgba(21,42,82,.07); }
.credibility-row span::before { position:absolute; top:0; right:0; left:0; height:3px; background:linear-gradient(90deg,#3158d9,#7991ee,#f3a15f); content:""; }

/* Credibility cards spacing repair */
.credibility-row {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin:2.25rem 0 2.75rem;
}
.credibility-row span {
  min-height:10.25rem;
  padding:1.65rem 1.4rem 1.4rem;
  line-height:1.65;
}
.credibility-row b {
  margin-bottom:.75rem;
  font-size:1.03rem;
  line-height:1.25;
  text-wrap:balance;
}
@media (max-width:68rem) and (min-width:50.01rem) {
  .guide-layout { grid-template-columns:.72fr 1.28fr; gap:2.5rem; }
  .credibility-row { grid-template-columns:1fr; }
  .credibility-row span { min-height:0; }
}
@media (max-width:50rem) {
  .credibility-row { gap:.8rem; margin:1.75rem 0 2.25rem; }
  .credibility-row span { min-height:0; padding:1.35rem 1.2rem 1.2rem; }
}

/* Layout conflict repairs */
.case-visual.app-preview {
  height:17rem;
  overflow:hidden;
  box-sizing:border-box;
}
.case-visual.app-preview::before,
.case-visual.app-preview::after { display:none; content:none; }
.app-frame { min-height:0; height:calc(17rem - 2.8rem); }
.workflow-canvas,.capacity-shell,.performance-shell {
  min-height:0;
  height:calc(17rem - 2.8rem);
  box-sizing:border-box;
}
.premium-cases .case-body {
  position:relative;
  z-index:2;
  padding:1.75rem 1.65rem 1.85rem;
  background:#fff;
}
.premium-cases .case-body .eyebrow { margin-top:0; }
.premium-cases .case-body h2 { margin-top:.55rem; }
.service-hero-grid {
  grid-template-columns:minmax(0,.95fr) minmax(24rem,1.05fr);
  gap:clamp(2rem,4vw,4rem);
}
.service-hero-grid > * { min-width:0; }
.service-hero-grid .life-console,
.service-hero-grid .ops-console { width:100%; max-width:100%; }
.capacity-board > * { min-width:0; }

/* Keep the thumbnail dial separate from the full capacity-planning component. */
.capacity-preview .capacity-gauge {
  width:3.8rem;
  height:3.8rem;
  min-height:0;
  padding:0;
  position:relative;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:conic-gradient(#3158d9 0 79%,#dce3ef 79%);
}
.capacity-preview .capacity-gauge::after {
  position:absolute;
  inset:.45rem;
  border-radius:50%;
  background:#fff;
  content:"";
}
.capacity-preview .capacity-gauge strong { z-index:1;font-size:.65rem; }
.theme-capacity .capacity-gauge {
  width:auto;
  height:auto;
  min-height:15rem;
  padding:1.5rem;
  position:static;
  display:flex;
  place-items:normal;
  border:1px solid #52658d;
  border-radius:.75rem;
  background:rgba(255,255,255,.055);
}
.theme-capacity .capacity-gauge::after { content:none; }
.theme-capacity .capacity-gauge strong { z-index:auto;font-size:inherit; }

@media (max-width:62rem) {
  .service-hero-grid { grid-template-columns:1fr; }
  .service-hero-grid > .life-console,
  .service-hero-grid > .ops-console { width:min(100%,44rem); margin-inline:auto; }
  .capacity-board { grid-template-columns:1fr; }
}
@media (max-width:50rem) {
  .case-visual.app-preview { height:16rem; }
  .app-frame,.workflow-canvas,.capacity-shell,.performance-shell { height:calc(16rem - 2.8rem); }
  .premium-cases .case-body { padding:1.4rem 1.25rem 1.55rem; }
}
.guide-photo,.about-photo { box-shadow:0 30px 70px rgba(18,36,72,.18); }
.guide-photo img,.about-photo img { object-position:50% 50%; }
.brand-refresh .personal-success { box-shadow:0 28px 64px rgba(21,42,82,.12); }
.brand-refresh .personal-success .success-list span { box-shadow:0 8px 20px rgba(21,42,82,.07); }

@media (prefers-reduced-motion:no-preference) {
  .ops-console,.life-console { transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease; }
  .ops-console:hover,.life-console:hover { transform:perspective(1200px) rotateY(0) translateY(-4px); box-shadow:0 55px 110px rgba(12,27,58,.3),0 16px 34px rgba(49,88,217,.14); }
}
@media (max-width:50rem) {
  .brand-refresh .navlinks a.button { min-height:2.35rem; padding:.46rem .78rem; font-size:.8rem; }
  .trust-strip .home-shell { gap:1rem; }
  .trust-strip a::after { right:0; }
}

/* High-fidelity portfolio previews */
.app-preview { padding:0!important; background:#eef3fb!important; }
.app-top { height:2.8rem; display:flex; align-items:center; gap:.65rem; padding:0 .9rem; border-bottom:1px solid #d5deed; background:rgba(255,255,255,.9); }
.app-top .app-mark { width:1.65rem;height:1.65rem;display:grid;place-items:center;border-radius:.48rem;background:#3158d9;color:#fff;font-size:.56rem;font-weight:800;letter-spacing:.04em;box-shadow:0 5px 12px rgba(49,88,217,.23); }
.app-top .app-mark.coral { background:#e66f51; }.app-top .app-mark.teal { background:#167b75; }.app-top .app-mark.violet { background:#6d55cf; }
.app-top b { color:#172238;font-size:.7rem;letter-spacing:-.01em; }.app-top em { margin-left:auto;padding:.25rem .45rem;border-radius:999px;background:#e7f6ec;color:#18713e;font-size:.58rem;font-style:normal;font-weight:700; }
.app-frame { min-height:12.2rem;display:grid;grid-template-columns:2.4rem 1fr; }.app-frame > aside { padding:.75rem .55rem;background:#17294d; }.app-frame > aside i { width:1.25rem;height:1.25rem;display:block;margin:0 auto .7rem;border:1px solid #506589;border-radius:.35rem; }.app-frame > aside i.active { border-color:#7692ff;background:#5875e8;box-shadow:0 4px 10px rgba(49,88,217,.32); }
.app-content { padding:.7rem .75rem; }.preview-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem; }.preview-head span { font-size:.7rem;font-weight:750; }.preview-head button { padding:.34rem .5rem;border:0;border-radius:.35rem;background:#3158d9;color:#fff;font-size:.55rem;font-weight:700; }
.preview-kpis { display:grid;grid-template-columns:repeat(3,1fr);gap:.42rem; }.preview-kpis > span { padding:.5rem;border:1px solid #d4ddec;border-radius:.48rem;background:#fff;box-shadow:0 5px 13px rgba(26,47,88,.05); }.preview-kpis small,.preview-kpis b,.preview-kpis em { display:block; }.preview-kpis small { color:#637089;font-size:.5rem; }.preview-kpis b { margin:.12rem 0;color:#111b30;font-size:1.05rem; }.preview-kpis em { color:#25804a;font-size:.48rem;font-style:normal; }
.portfolio-table { overflow:hidden;margin-top:.5rem;border:1px solid #d4ddec;border-radius:.48rem;background:#fff; }.portfolio-table header,.portfolio-table p { display:grid;grid-template-columns:1fr .32fr .5fr;align-items:center;gap:.3rem;margin:0;padding:.34rem .48rem;border-bottom:1px solid #e5eaf3;font-size:.5rem; }.portfolio-table header { color:#778198;background:#f7f9fd;font-weight:700; }.portfolio-table p:last-child { border-bottom:0; }.portfolio-table p b { font-size:.52rem; }.portfolio-table p i { width:1.15rem;height:1.15rem;display:grid;place-items:center;border-radius:50%;background:#e8edfa;color:#3158d9;font-size:.42rem;font-style:normal;font-weight:800; }.portfolio-table p em { color:#9a641c;font-style:normal; }.portfolio-table p em.good { color:#207343; }
.workflow-canvas { min-height:12.2rem;padding:.8rem;background:radial-gradient(circle at 80% 10%,rgba(230,111,81,.12),transparent 35%),#f7f9fd; }.workflow-meta { display:grid;grid-template-columns:1.3fr .7fr;gap:.5rem; }.workflow-meta > span { padding:.45rem .55rem;border:1px solid #d7deeb;border-radius:.45rem;background:#fff; }.workflow-meta small,.workflow-meta b { display:block; }.workflow-meta small { color:#7a8498;font-size:.48rem; }.workflow-meta b { margin-top:.08rem;font-size:.62rem; }
.workflow-path { display:flex;align-items:center;justify-content:center;gap:.35rem;margin:1rem 0; }.workflow-path article { min-width:5.2rem;display:flex;align-items:center;gap:.42rem;padding:.55rem;border:1px solid #d2dbea;border-radius:.55rem;background:#fff;box-shadow:0 8px 18px rgba(25,45,84,.06); }.workflow-path article > i { width:1.35rem;height:1.35rem;display:grid;place-items:center;border-radius:50%;background:#edf1f8;color:#6d778c;font-size:.5rem;font-style:normal;font-weight:800; }.workflow-path article.complete > i { background:#dff4e6;color:#18703b; }.workflow-path article.current { border-color:#95aaf0;box-shadow:0 8px 20px rgba(49,88,217,.13); }.workflow-path article.current > i { background:#3158d9;color:#fff; }.workflow-path article span b,.workflow-path article span small { display:block; }.workflow-path article span b { font-size:.55rem; }.workflow-path article span small { margin-top:.08rem;color:#7b8495;font-size:.45rem; }.workflow-path > b { width:1rem;height:1px;background:#aeb9cc;position:relative; }.workflow-path > b::after { position:absolute;right:0;top:-2px;width:4px;height:4px;border-top:1px solid #8290a8;border-right:1px solid #8290a8;transform:rotate(45deg);content:""; }
.approval-row { display:grid;grid-template-columns:1fr 1fr;gap:.5rem; }.approval-row > span { display:grid;grid-template-columns:auto 1fr;column-gap:.4rem;padding:.45rem;border:1px solid #d7deeb;border-radius:.45rem;background:#fff; }.approval-row i { width:1.25rem;height:1.25rem;grid-row:1/3;display:grid;place-items:center;border-radius:50%;background:#edf1fa;color:#3158d9;font-size:.42rem;font-style:normal;font-weight:800; }.approval-row b { font-size:.52rem; }.approval-row em { color:#27804a;font-size:.46rem;font-style:normal; }
.capacity-shell,.performance-shell { min-height:12.2rem;padding:.8rem;background:#f7f9fd; }.capacity-summary { display:grid;grid-template-columns:1fr auto;align-items:center;padding:.5rem .65rem;border:1px solid #d5deec;border-radius:.55rem;background:#fff;box-shadow:0 8px 20px rgba(24,46,87,.06); }.capacity-summary small,.capacity-summary b,.capacity-summary em { display:block; }.capacity-summary small { color:#748096;font-size:.48rem; }.capacity-summary b { font-size:1.25rem; }.capacity-summary em { color:#69758b;font-size:.46rem;font-style:normal; }.capacity-gauge { width:3.8rem;height:3.8rem;position:relative;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#3158d9 0 79%,#dce3ef 79%); }.capacity-gauge::after { position:absolute;inset:.45rem;border-radius:50%;background:#fff;content:""; }.capacity-gauge strong { z-index:1;font-size:.65rem; }
.people-load { margin-top:.55rem;padding:.25rem .6rem;border:1px solid #d5deec;border-radius:.55rem;background:#fff; }.people-load p { display:grid;grid-template-columns:1fr 1.25fr auto;align-items:center;gap:.5rem;margin:0;padding:.38rem 0;border-bottom:1px solid #e8edf5; }.people-load p:last-child { border-bottom:0; }.people-load p > span { display:flex;align-items:center;gap:.35rem; }.person { width:1.25rem;height:1.25rem;display:grid;place-items:center;border-radius:50%;background:#dce6ff;color:#3158d9;font-size:.4rem;font-style:normal;font-weight:800; }.person.gold { background:#fff0d6;color:#966014; }.person.green { background:#def2e5;color:#217044; }.people-load p b { font-size:.5rem; }.people-load p > em { height:.32rem;overflow:hidden;border-radius:999px;background:#e3e8f1; }.people-load p > em i { height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#5b7bf0,#3158d9); }.people-load p > strong { color:#657189;font-size:.46rem; }.capacity-shell footer { display:flex;align-items:center;gap:.55rem;padding-top:.48rem;color:#6f7a8d;font-size:.45rem; }.capacity-shell footer span i { width:.42rem;height:.42rem;display:inline-block;margin-right:.2rem;border-radius:50%;background:#dce3ef; }.capacity-shell footer span:nth-child(2) i { background:#3158d9; }.capacity-shell footer b { margin-left:auto;color:#26324a; }
.performance-head { display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;border:1px solid #d5deec;border-radius:.5rem;background:#fff; }.performance-head small,.performance-head b { display:block; }.performance-head small { color:#758096;font-size:.48rem; }.performance-head b { margin-top:.1rem;font-size:.72rem; }.performance-head div:last-child { display:flex;gap:.22rem; }.performance-head div:last-child i { width:.55rem;height:.55rem;border-radius:50%;background:#1d9052; }.performance-head div:last-child i.bad { background:#d23a3a; }.line-chart { height:7.2rem;margin-top:.55rem;padding:.55rem .55rem .15rem;border:1px solid #d5deec;border-radius:.55rem;background:linear-gradient(#fff,#f9fbff); }.line-chart svg { width:100%;height:100%;overflow:visible; }.chart-area { fill:url(#chartFill); }.chart-line { fill:none;stroke:#3158d9;stroke-width:4;stroke-linecap:round;stroke-linejoin:round; }.line-chart circle { fill:#fff;stroke:#3158d9;stroke-width:3; }.performance-shell footer { display:flex;justify-content:space-between;padding:.25rem .3rem 0;color:#8993a5;font-size:.42rem;font-weight:700;letter-spacing:.06em; }

/* Detailed daily-management dashboard */
.daily-dashboard { overflow:hidden;border:1px solid #3a527f;border-radius:1rem;background:#f4f7fc;color:#172238;box-shadow:0 32px 80px rgba(4,12,28,.28); }
.dashboard-bar { min-height:3.6rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.65rem 1rem;border-bottom:1px solid #d7deeb;background:#fff; }.dashboard-bar > div { display:flex;align-items:center;gap:.6rem; }.dashboard-bar > div:last-child { justify-content:flex-end; }.dashboard-logo { width:2rem;height:2rem;display:grid;place-items:center;border-radius:.55rem;background:linear-gradient(145deg,#5378ef,#2949be);color:#fff;font-size:.65rem;font-weight:800;box-shadow:0 7px 16px rgba(49,88,217,.25); }.dashboard-bar b { font-size:.82rem; }.dashboard-bar nav { display:flex;gap:.3rem;padding:.25rem;border-radius:.55rem;background:#f1f4f9; }.dashboard-bar nav span { padding:.42rem .7rem;border-radius:.4rem;color:#6c778d;font-size:.68rem;font-weight:650; }.dashboard-bar nav span.active { background:#fff;color:#172238;box-shadow:0 3px 9px rgba(20,36,67,.08); }.live-dot { width:.48rem;height:.48rem;border-radius:50%;background:#1b9853;box-shadow:0 0 0 4px #e1f5e9; }.dashboard-bar em { color:#758096;font-size:.68rem;font-style:normal; }
.dashboard-body { min-height:30rem;display:grid;grid-template-columns:12rem 1fr; }.dashboard-body > aside { display:flex;flex-direction:column;gap:.25rem;padding:1rem .75rem;border-right:1px solid #d9e0ec;background:#f8faff; }.dashboard-body > aside > span { display:flex;align-items:center;gap:.65rem;padding:.65rem .7rem;border-radius:.5rem;color:#66738a;font-size:.7rem;font-weight:650; }.dashboard-body > aside > span i { width:.78rem;height:.78rem;border:1.5px solid #9ba7ba;border-radius:.22rem; }.dashboard-body > aside > span.active { background:#e8eeff;color:#244abd; }.dashboard-body > aside > span.active i { border-color:#3158d9;background:#3158d9;box-shadow:inset 0 0 0 2px #e8eeff; }.dashboard-body > aside footer { margin-top:auto;padding:.75rem;border:1px solid #d9e0ec;border-radius:.6rem;background:#fff;box-shadow:0 8px 20px rgba(24,44,82,.05); }.dashboard-body > aside footer small,.dashboard-body > aside footer b,.dashboard-body > aside footer em { display:block; }.dashboard-body > aside footer small { color:#7b8699;font-size:.58rem; }.dashboard-body > aside footer b { margin:.2rem 0;font-size:.72rem; }.dashboard-body > aside footer em { color:#3158d9;font-size:.6rem;font-style:normal; }
.dashboard-body > main { padding:1.2rem;background:radial-gradient(circle at 100% 0,rgba(83,120,239,.1),transparent 28%),#f3f6fb; }.dashboard-body > main > header { display:flex;align-items:center;justify-content:space-between;gap:1rem; }.dashboard-body > main > header small { color:#3158d9;font-size:.62rem;font-weight:800;letter-spacing:.1em; }.dashboard-body > main > header h3 { margin:.18rem 0;color:#101a2d;font-size:1.35rem;letter-spacing:-.035em; }.dashboard-body > main > header p { margin:0;color:#657188;font-size:.72rem; }.dashboard-body > main > header button { padding:.65rem .85rem;border:0;border-radius:.52rem;background:#3158d9;color:#fff;font-size:.68rem;font-weight:750;box-shadow:0 8px 18px rgba(49,88,217,.22); }
.dashboard-kpis { display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:1rem 0; }.dashboard-kpis article { padding:.75rem;border:1px solid #d6deeb;border-radius:.65rem;background:#fff;box-shadow:0 10px 24px rgba(20,40,78,.06); }.dashboard-kpis article.attention { border-color:#f1c4bd;background:linear-gradient(145deg,#fff,#fff7f5); }.dashboard-kpis article > div { display:flex;align-items:center;gap:.42rem; }.signal { width:.48rem;height:.48rem;border-radius:50%; }.signal.win { background:#169551;box-shadow:0 0 0 3px #e0f3e7; }.signal.risk { background:#d43a3a;box-shadow:0 0 0 3px #f9e1e1; }.dashboard-kpis small { color:#69758b;font-size:.58rem; }.dashboard-kpis b { display:block;margin:.55rem 0 .18rem;font-size:1.25rem;letter-spacing:-.035em; }.dashboard-kpis em { color:#25804b;font-size:.55rem;font-style:normal; }.dashboard-kpis .attention em { color:#b33a30; }
.dashboard-lower { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(13rem,.8fr);gap:.7rem; }.history-panel,.actions-panel { overflow:hidden;border:1px solid #d6deeb;border-radius:.7rem;background:#fff;box-shadow:0 12px 28px rgba(20,40,78,.06); }.history-panel > header,.actions-panel > header { display:flex;align-items:center;justify-content:space-between;padding:.75rem .85rem;border-bottom:1px solid #e4e9f1; }.history-panel header b,.history-panel header small,.actions-panel header b,.actions-panel header small { display:block; }.history-panel header b,.actions-panel header b { font-size:.72rem; }.history-panel header small,.actions-panel header small { margin-top:.1rem;color:#7b8699;font-size:.55rem; }.history-panel header > span { padding:.3rem .5rem;border-radius:.35rem;background:#f0f3f9;color:#657188;font-size:.55rem; }.history-chart { height:13rem;position:relative;padding:1rem 1rem 0 2.2rem; }.history-chart .axis { position:absolute;top:1rem;bottom:0;left:.65rem;display:flex;flex-direction:column;justify-content:space-between;color:#98a2b3;font-size:.48rem; }.history-chart svg { width:100%;height:100%;overflow:visible; }.history-chart .grid { fill:none;stroke:#e6eaf1;stroke-width:1; }.history-chart .area { fill:url(#dailyFill); }.history-chart .line { fill:none;stroke:#3158d9;stroke-width:4;stroke-linecap:round;stroke-linejoin:round; }.history-chart circle { fill:#fff;stroke:#3158d9;stroke-width:3; }.history-panel > footer { display:flex;justify-content:space-between;padding:.3rem 1rem .75rem 2.6rem;color:#8b95a7;font-size:.48rem;font-weight:700;letter-spacing:.05em; }
.actions-panel header button { border:0;background:none;color:#3158d9;font-size:.58rem;font-weight:700; }.actions-panel article { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;margin:0 .7rem;padding:.8rem .1rem;border-bottom:1px solid #e7ebf2; }.priority { width:1.55rem;height:1.55rem;display:grid;place-items:center;border-radius:.42rem;background:#e8eeff;color:#3158d9;font-size:.65rem;font-weight:800; }.priority.high { background:#fee8e5;color:#bf3c31; }.actions-panel article b,.actions-panel article small { display:block; }.actions-panel article b { font-size:.62rem; }.actions-panel article small { margin-top:.14rem;color:#7a8598;font-size:.52rem; }.actions-panel article em { color:#a23e34;font-size:.52rem;font-style:normal; }.actions-panel article:nth-of-type(2) em { color:#68748a; }.actions-panel > footer { padding:.75rem;color:#637087;font-size:.55rem; }.actions-panel > footer i { width:.46rem;height:.46rem;display:inline-block;margin-right:.3rem;border-radius:50%;background:#1c9853; }

@media (max-width:62rem) {
  .workflow-path article { min-width:4.4rem; }.workflow-path article span small { display:none; }
  .daily-dashboard .dashboard-body { grid-template-columns:1fr; }.dashboard-body > aside { display:none; }.dashboard-bar { grid-template-columns:1fr auto; }.dashboard-bar nav { display:none; }
  .dashboard-kpis { grid-template-columns:repeat(2,1fr); }.dashboard-lower { grid-template-columns:1fr; }
}
@media (max-width:50rem) {
  .app-preview { min-height:14rem; }.app-frame { min-height:11.2rem; }.workflow-path article { min-width:0;flex:1; }.workflow-path article span { display:none; }
  .dashboard-body > main { padding:.8rem; }.dashboard-body > main > header button { display:none; }.dashboard-kpis { grid-template-columns:1fr 1fr; }.dashboard-lower { grid-template-columns:1fr; }.history-chart { height:10rem; }
}

/* Wider editorial frame: readable copy inside a more expansive page */
@media (min-width:64rem) {
  nav,
  .brand-refresh nav {
    width:min(100% - 4rem,84rem);
    max-width:none;
    padding-inline:0;
  }
  .wrap,
  .service-wrap,
  .home-shell,
  .case-shell,
  .case-lane {
    width:min(100% - 4rem,82rem);
    max-width:none;
  }
  .footer-inner {
    width:min(100% - 4rem,82rem);
    max-width:none;
  }
  .hero-layout {
    grid-template-columns:minmax(0,.88fr) minmax(32rem,1.12fr);
    gap:clamp(3.5rem,6vw,6.5rem);
  }
  .work-heading,
  .portfolio-intro {
    column-gap:clamp(3rem,6vw,6rem);
  }
}

/* Employer-first positioning while preserving the StoryBrand narrative */
.capabilities-section { padding-block:clamp(5rem,8vw,8rem); }
.capabilities-section .section-intro { max-width:50rem; }
.capability-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top:2.5rem; }
.capability-grid article { position:relative; min-height:18rem; padding:1.7rem 1.45rem; overflow:hidden; border:1px solid #d5deee; border-radius:1rem; background:linear-gradient(145deg,#fff,#f4f7fd); box-shadow:0 18px 42px rgba(21,42,82,.08); }
.capability-grid article::before { position:absolute; top:0; right:0; left:0; height:3px; background:linear-gradient(90deg,#3158d9,#7991ee,#f3a15f); content:""; }
.capability-grid span { color:#3158d9; font-size:.78rem; font-weight:800; letter-spacing:.08em; }
.capability-grid h3 { margin:3.3rem 0 .75rem; font-size:1.28rem; line-height:1.15; letter-spacing:-.025em; }
.capability-grid p { margin:0; color:#59647a; line-height:1.65; }

.career-section { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr); gap:clamp(2.5rem,6vw,6rem); align-items:center; padding-block:clamp(5rem,8vw,8rem); }
.career-section > div { max-width:45rem; }
.career-section h2 { margin:.55rem 0 1.15rem; font-size:clamp(2rem,4vw,3.5rem); line-height:1.03; letter-spacing:-.045em; text-wrap:balance; }
.career-section p { max-width:42rem; color:#59647a; font-size:1.08rem; line-height:1.7; }
.career-section ul { display:grid; gap:.65rem; margin:0; padding:1.4rem; list-style:none; border:1px solid #d5deee; border-radius:1rem; background:linear-gradient(145deg,#fff,#f4f7fd); box-shadow:0 18px 42px rgba(21,42,82,.08); }
.career-section li { padding:.8rem .9rem; border-radius:.62rem; background:#fff; color:#26324a; font-weight:750; box-shadow:0 6px 18px rgba(21,42,82,.06); }

.success-section { padding-block:clamp(5rem,8vw,8rem); background:linear-gradient(145deg,#13213f,#203b6e); color:#fff; }
.success-section .home-shell { max-width:64rem; text-align:center; }
.success-section .eyebrow { color:#9eb2ff; }
.success-section h2 { margin:.65rem auto 1.25rem; max-width:54rem; color:#fff; font-size:clamp(2.1rem,4.8vw,4.35rem); line-height:1; letter-spacing:-.05em; text-wrap:balance; }
.success-section p { max-width:48rem; margin:0 auto; color:#d5def0; font-size:1.08rem; line-height:1.75; }

@media (max-width:68rem) {
  .capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .capability-grid article { min-height:15rem; }
}
@media (max-width:50rem) {
  .capability-grid,.career-section { grid-template-columns:1fr; }
  .capability-grid article { min-height:0; }
  .capability-grid h3 { margin-top:1.8rem; }
  .career-section { gap:2rem; }
}

/* Softer editorial headlines and a quiet connection to the design portfolio. */
h1 { font-weight:400; }
h2 { font-weight:450; }
h3,h4,h5,h6 { font-weight:500; }
.footer-inner { flex-wrap:wrap; row-gap:.8rem; }
.design-portfolio-link { color:var(--muted); font-size:.9rem; text-decoration-thickness:1px; text-underline-offset:.25rem; }
.design-portfolio-link:hover { color:var(--cobalt); }
.experience-copy .design-portfolio-link { display:inline-block; margin-top:1.25rem; }

/* Center the thumbnail percentage independently of case-card link spacing. */
.capacity-preview .capacity-gauge strong {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  line-height:1;
  z-index:1;
}

/* Persistent portfolio navigation */
html { scroll-padding-top: 7rem; }
nav[aria-label="Primary"] { position:sticky; top:0; z-index:100; background:var(--paper); }
.nav-back { margin-left:auto; flex-shrink:0; font-size:.94rem; text-decoration:none; padding:.5rem .7rem; }
.nav-back:hover { text-decoration:underline; text-underline-offset:.25rem; }
.skip-link { z-index:110; }
@media(max-width:63.99rem) { nav[aria-label="Primary"] { gap:.6rem; } nav[aria-label="Primary"] .brand { flex:1; min-width:0; } .nav-back { margin-left:0; } }

.nav-back { margin-left:0; }

/* LinkedIn footer link */
.footer-linkedin{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;min-height:44px;border-radius:6px;line-height:1;color:inherit}.footer-linkedin svg{display:block;width:22px;height:22px}.footer-linkedin:hover{opacity:.75}.footer-linkedin:focus-visible{outline:3px solid currentColor;outline-offset:3px}

/* Center footer items on the same horizontal line. */
.footer-inner{align-items:center}
@media(max-width:50rem){.footer-inner{align-items:flex-start}.footer-inner .footer-linkedin{justify-content:flex-start}}

/* Case study outcomes: approved copy in scannable, responsive cards. */
.results-section .impact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
.results-section .impact-card { min-width:0; padding:clamp(1.25rem,2.5vw,1.8rem); border:1px solid #d2d9e8; border-radius:.85rem; background:#fff; box-shadow:0 8px 24px rgba(20,33,61,.035); }
.results-section .impact-card-lead { grid-column:1 / -1; background:#14213d; border-color:#14213d; color:#fff; padding:clamp(1.6rem,3vw,2.25rem); }
.results-section .impact-label { margin:0 0 .85rem; color:#3158d9; font-size:.7rem; font-weight:650; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; }
.results-section .impact-card h3 { margin:0; color:#14213d; font-size:clamp(1.3rem,2.4vw,1.8rem); font-weight:500; line-height:1.15; letter-spacing:-.025em; }
.results-section .impact-card-lead h3 { color:#fff; font-size:clamp(2rem,4vw,3.2rem); font-weight:450; }
.results-section .impact-copy { margin:1rem 0 0; color:#4e5a70; font-size:.97rem; line-height:1.65; }
.results-section .impact-card-lead .impact-label { color:#c7d1ff; }
.results-section .impact-card-lead .impact-copy { color:#e1e6f2; max-width:42rem; }
.results-section > div > p.impact-note { margin:1rem 0 0; padding:.9rem 1.15rem; max-width:none; border-left:3px solid #6f8cff; background:#edf1fc; color:#4e5a70; font-size:.85rem; line-height:1.6; border-radius:0 .4rem .4rem 0; }
@media(max-width:40rem) { .results-section .impact-grid { grid-template-columns:minmax(0,1fr); gap:.8rem; } .results-section .impact-card-lead { grid-column:auto; } }

/* Vibrant operations visual system — full-width navigation, luminous surfaces. */
:root { --ink:#11234b; --muted:#52617a; --paper:#fbfcff; --forest:#102654; --forest-soft:#183d79; --mint:#e7edff; --line:#dce4f3; --cobalt:#1859df; --focus:#1859df; --cobalt-bright:#6684ff; --lime:#b5c8ff; --warm:#ffb185; --shadow:0 24px 65px rgba(26,67,150,.13); }
body { background:#fbfcff; }
nav[aria-label="Primary"] { width:100%; max-width:none; margin:0; padding:.95rem clamp(1.25rem,3vw,3.5rem); background:rgba(255,255,255,.97); backdrop-filter:blur(18px); border-bottom:1px solid #dce5f4; box-shadow:0 5px 24px rgba(26,67,150,.055); gap:1.5rem; }
nav[aria-label="Primary"] .brand { color:#11234b; }
nav[aria-label="Primary"] .brand span { color:#52617a; }
nav[aria-label="Primary"] .button.dark,.button.primary { background:#1859df; color:#fff; border:1px solid #1859df; box-shadow:0 6px 16px rgba(24,89,223,.17); }
nav[aria-label="Primary"] .button.dark:hover,.button.primary:hover { background:#1247b5; color:#fff; }
.button.secondary { border:1px solid #1859df; color:#1859df; background:#fff; }
.button { border-radius:.55rem; }
.new-hero { background:radial-gradient(ellipse at 90% 25%,#c7eeff 0,transparent 45%),radial-gradient(ellipse at 65% 80%,#e1d7ff 0,transparent 48%),linear-gradient(130deg,#fff 30%,#eaf2ff 75%,#e5eaff); padding-block:clamp(4rem,7vw,7rem); }
.new-hero::before { width:52rem; height:52rem; right:-15rem; bottom:-32rem; border:1px solid rgba(24,89,223,.15); box-shadow:0 0 0 3rem rgba(255,255,255,.18),0 0 0 6rem rgba(255,255,255,.16); }
.hero-message h1 { color:#11234b; font-size:clamp(3.2rem,5.5vw,5.5rem); line-height:1.02; letter-spacing:-.055em; }
.gradient-text { color:#1859df; background:linear-gradient(100deg,#145bdd,#6543d6); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero-product { padding:1.8rem 0; }
.visual-caption { position:absolute; top:-.25rem; left:1rem; font-size:.7rem; text-transform:uppercase; letter-spacing:.12em; font-weight:650; color:#41577b; }
.product-glow { width:90%; height:90%; background:linear-gradient(130deg,#5cd3ed,#8c6ef5); opacity:.24; filter:blur(55px); }
.product-window { border:7px solid rgba(255,255,255,.85); border-radius:1.3rem; box-shadow:0 35px 75px rgba(36,57,130,.2),0 4px 15px rgba(36,57,130,.08); transform:perspective(1400px) rotateY(-5deg) rotateX(2deg); }
.window-bar { background:#fff; }
.window-layout > aside { background:linear-gradient(180deg,#164ebb,#173876); }
.window-main { background:linear-gradient(140deg,#f5f9ff,#f0edff); }
.chart-bars i { background:linear-gradient(180deg,#73c3ff,#2864ed); border-radius:.4rem .4rem 0 0; }
.chart-bars i:nth-child(2n) { background:linear-gradient(180deg,#b49aff,#7250db); }
.floating-card { border-radius:.85rem; padding:1rem 1.1rem; border-color:#fff; box-shadow:0 15px 38px rgba(36,57,130,.15); }
.floating-card.one { background:linear-gradient(120deg,#fff,#e9fff9); }
.floating-card.two { top:4.2rem; background:linear-gradient(120deg,#fff,#eee9ff); }
.team-choice { background:radial-gradient(ellipse at 100% 0,rgba(86,133,255,.45),transparent 65%),linear-gradient(145deg,#10377e,#153377); }
.personal-choice { background:radial-gradient(ellipse at 100% 100%,#c9f4f0,transparent 70%),linear-gradient(140deg,#f4efff,#e8f3ff); }
.choice-panel,.guide-photo { border-radius:1.6rem; }
.guide-section { background:radial-gradient(ellipse at 5% 30%,#dceaff,transparent 65%),linear-gradient(110deg,#f1f5ff,#f6f0ff); }
.capability-grid article { border-radius:1.2rem; background:#fff; box-shadow:0 10px 30px rgba(26,67,150,.055); }
.capability-grid article::before { display:none; }
.capability-symbol { display:grid; place-items:center; width:3.2rem; height:3.2rem; border-radius:1rem; background:linear-gradient(135deg,#def0ff,#e5e5ff); color:#1859df; }
.capability-symbol svg { width:1.7rem; height:1.7rem; }
.capability-grid article:nth-child(2) .capability-symbol { background:linear-gradient(135deg,#e7ddff,#f5eaff); color:#6841ba; }
.capability-grid article:nth-child(3) .capability-symbol { background:linear-gradient(135deg,#d1f6ed,#e8f8ff); color:#08746e; }
.capability-grid article:nth-child(4) .capability-symbol { background:linear-gradient(135deg,#ffe6d5,#fff1e9); color:#ac4b19; }
.capability-grid h3 { margin-top:1.8rem; }
.new-plan { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; border:0; }
.new-plan article { display:block; border:0; padding:0; }
.new-plan article > span { display:inline-grid; place-items:center; width:3.4rem; height:3.4rem; margin-bottom:1.2rem; border:1px solid #c4d5f7; border-radius:50%; background:#edf4ff; color:#1859df; font-size:1rem; }
.work-section { background:radial-gradient(ellipse at 0 0,rgba(55,136,255,.4),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(119,79,220,.4),transparent 60%),#102654; }
.premium-cases .case { border-radius:1.3rem; border-color:#dfe7f5; box-shadow:0 20px 45px rgba(4,20,55,.15); }
.case-visual.app-preview { position:relative; padding-top:1.1rem!important; background:linear-gradient(140deg,#e2f1ff,#e8e4ff)!important; }
.demo-label { display:block; position:absolute; z-index:4; top:.2rem; right:.65rem; color:#52617a; font-size:.54rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.app-top { background:rgba(255,255,255,.9); border-color:#d8e4f7; }
.app-mark { background:linear-gradient(140deg,#1767e8,#5a52d8); }
.app-frame > aside { background:linear-gradient(180deg,#193f83,#132d60); }
.app-content,.workflow-canvas,.capacity-shell,.performance-shell,.ai-preview-shell { background:linear-gradient(140deg,#fff,#f3f6ff); }
.preview-kpis > span { background:linear-gradient(145deg,#fff,#eef4ff); border-radius:.6rem; }
.case-hero { background:radial-gradient(ellipse at 95% 10%,#dcf3ff,transparent 55%),radial-gradient(ellipse at 5% 95%,#ece4ff,transparent 65%),#f8fbff; }
.case-lane { background:#fff; }
.case-facts { border-radius:1rem; box-shadow:0 12px 30px rgba(26,67,150,.045); }
.visual-stage { background:radial-gradient(ellipse at 0 0,rgba(46,126,245,.4),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(126,75,221,.35),transparent 55%),#102654; }
.architecture article,.trade-flow article,.size-scale,.capacity-board .capacity-gauge { border-radius:1rem; border-color:#6685bb; background:rgba(255,255,255,.075); }
.daily-dashboard,.ai-workspace,.ops-console,.life-console { border-radius:1.25rem; border:5px solid rgba(255,255,255,.85); box-shadow:0 28px 65px rgba(4,20,55,.24); }
.dashboard-body > aside,.ai-workspace-body > aside { background:linear-gradient(180deg,#edf4ff,#eae9ff); }
.dashboard-kpis article,.assistant-grid article { border-radius:.85rem; box-shadow:0 8px 22px rgba(26,67,150,.05); }
.decision-list { gap:1rem; border:0; background:transparent; }
.decision-list article { border:1px solid #dce4f3; border-radius:1rem; box-shadow:0 6px 20px rgba(26,67,150,.025); }
.results-section .impact-card-lead { background:radial-gradient(ellipse at 100% 0,rgba(80,130,255,.35),transparent 65%),linear-gradient(120deg,#102c62,#263983); border-color:#243f80; }
.results-section .impact-card { border-radius:1.1rem; }
.success-section,.success-band:not(.personal-success) { background:radial-gradient(ellipse at 10% 20%,rgba(34,154,225,.32),transparent 55%),linear-gradient(120deg,#123878,#353781); }
.closing-cta { border-radius:1.5rem; margin-block:3rem; padding:clamp(2rem,5vw,4rem); background:linear-gradient(110deg,#e8f4ff,#eee6ff 65%,#e4f7f6); }
.case-next { background:linear-gradient(110deg,#eef6ff,#f1ecff); }
@media(min-width:64rem) { .home-shell,.case-shell { width:min(100% - 6rem,84rem); } }
@media(max-width:70rem) { nav[aria-label="Primary"] { gap:.6rem; } nav[aria-label="Primary"] .brand span { display:none; } .navlinks { gap:.25rem; } .navlinks a { padding-inline:.5rem; } }
@media(max-width:50rem) { nav[aria-label="Primary"] { padding:.75rem 1.25rem; } .new-plan { grid-template-columns:1fr; gap:1.7rem; } .new-plan article { display:grid; grid-template-columns:3.4rem 1fr; gap:1.1rem; } .hero-product { min-height:27rem; } .closing-cta { width:calc(100% - 2rem); padding:1.6rem; } .product-window { transform:none; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }
@media(min-width:64rem) { .hero-message h1 { font-size:clamp(3.2rem,4.7vw,4.8rem); } }
.interface-note { margin:0 0 .75rem; color:#d4e4ff; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; }

/* Editorial composition system: dimensional objects, focused product stories. */
:root { --ink:#08285b; --cobalt:#1259ed; --paper:#fff; }
body { background:#fff; }
.new-hero { padding:clamp(3.5rem,6vw,6rem) 0 5rem; background:radial-gradient(ellipse at 78% 48%,#d8f5ff 0,transparent 48%),linear-gradient(125deg,#fff 28%,#f3f6ff 78%); }
.new-hero::before { width:65rem; height:20rem; right:-4rem; bottom:-16rem; border:0; background:white; border-radius:50%; box-shadow:none; }
.hero-layout { gap:clamp(2rem,4vw,4.5rem); grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); }
.hero-message h1 { font-size:clamp(3rem,4.8vw,5.1rem); font-weight:550; letter-spacing:-.06em; }
.hero-message .lede { font-size:clamp(1.05rem,1.45vw,1.22rem); line-height:1.65; }
.gradient-text { background:none; -webkit-text-fill-color:#1259ed; color:#1259ed; }
.hero-composition { min-height:36rem; display:block; width:100%; padding:0; isolation:isolate; }
.hero-composition::before { display:none; }
.brand-sculpture { position:absolute; width:95%; height:auto; right:-4%; top:-5%; object-fit:contain; z-index:-1; filter:drop-shadow(0 24px 24px rgba(37,58,138,.12)); }
.hero-orbit { width:88%; aspect-ratio:1; border:1px solid #bcd8f6; border-radius:50%; position:absolute; left:5%; top:4%; z-index:-2; box-shadow:0 0 0 2.5rem rgba(206,229,255,.2),0 0 0 5rem rgba(223,233,255,.16); }
.hero-system-card { position:absolute; z-index:2; left:0; top:35%; width:79%; padding:1.7rem; background:rgba(255,255,255,.96); border:1px solid #fff; outline:1px solid rgba(171,190,230,.3); border-radius:1.3rem; box-shadow:0 24px 60px rgba(23,55,124,.17); transform:rotate(-3deg); }
.scene-kicker { display:block; color:#3659a0; font-size:.63rem; font-weight:700; letter-spacing:.1em; line-height:1.5; }
.hero-system-card h2 { margin:.7rem 0 1.3rem; font-size:clamp(1.5rem,2.5vw,2.3rem); font-weight:550; letter-spacing:-.04em; line-height:1.12; }
.system-lanes { display:grid; gap:.6rem; }
.system-lanes > span { display:flex; align-items:center; gap:.7rem; color:#294366; font-size:.85rem; padding:.65rem .75rem; border:1px solid #e1e9f5; border-radius:.6rem; background:linear-gradient(110deg,#f5f8ff,#fff); }
.system-lanes i { display:grid; place-items:center; width:1.6rem; height:1.6rem; border-radius:.4rem; background:#e0eaff; color:#1259ed; font-style:normal; }
.system-lanes > span:nth-child(2) i { background:#ede5ff; color:#7447bb; }
.system-lanes > span:nth-child(3) i { background:#d8f5ed; color:#087762; }
.system-footer { margin-top:1rem; display:flex; align-items:center; gap:.5rem; font-size:.7rem; color:#52617a; }
.live-dot { width:.45rem; height:.45rem; background:#12826a; border-radius:50%; }
.hero-float { position:absolute; z-index:3; display:flex; align-items:center; gap:.6rem; padding:.9rem 1rem; border:1px solid white; background:#fff; border-radius:.85rem; box-shadow:0 12px 30px rgba(22,49,104,.14); }
.hero-float-one { right:-1%; top:22%; transform:rotate(4deg); }
.hero-float-two { right:-1%; bottom:2%; transform:rotate(3deg); }
.hero-float small,.hero-float b { display:block; }.hero-float small { color:#52617a; font-size:.64rem; }.hero-float b { color:#08285b; font-size:.82rem; }
.float-icon { display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; background:#dff5e9; color:#14795c; }.hero-float-two .float-icon { background:#f0e6ff; color:#7252cf; }
.hero-art-caption { position:absolute; bottom:-2rem; left:0; color:#52617a; font-size:.65rem; letter-spacing:.07em; text-transform:uppercase; }
.button { border-radius:999px; padding:.85rem 1.3rem; }
.hero-note { max-width:30rem; }
/* Give the problem statements a horizontal editorial rhythm. */
.problem-choice .section-intro { margin:0 auto 3rem; max-width:60rem; text-align:center; }
.problem-choice .section-intro h2 { font-size:clamp(2rem,3.7vw,3.2rem); text-wrap:balance; }
.problem-choice .section-intro > p:last-child { max-width:49rem; margin-inline:auto; }
.choice-panel { border:0; min-height:34rem; box-shadow:none; border-radius:1.8rem; }
.team-choice { background:linear-gradient(135deg,#0733b8,#1954f1); }
.personal-choice { background:linear-gradient(130deg,#e9deff,#f8eaff); }
.choice-panel h3 { font-weight:550; line-height:1.13; }.choice-top b { font-size:2rem; }
.choice-ui { transform:rotate(-3deg); margin-left:1rem; border:5px solid rgba(255,255,255,.55); box-shadow:0 20px 35px rgba(12,36,94,.15); }.personal-ui { transform:rotate(3deg); margin-left:0; margin-right:1rem; }
/* A real portrait, composed as a portrait rather than a dashboard tile. */
.guide-section { background:linear-gradient(120deg,#f5f8ff,#e9f3ff); overflow:hidden; position:relative; }
.guide-photo { border-radius:48% 48% 1.5rem 1.5rem; min-height:34rem; border:8px solid #fff; transform:rotate(-3deg); box-shadow:20px 20px 0 #d7e7ff; }
.guide-photo img { transform:rotate(3deg) scale(1.06); }.guide-badge { transform:rotate(3deg); }
.guide-copy h2 { font-weight:550; }
/* Each project receives a distinct visual, with one featured wide story. */
.work-section { position:relative; background:linear-gradient(160deg,#092eb5,#0747df 45%,#1131ab); padding-top:clamp(5rem,8vw,8rem); padding-bottom:clamp(5rem,8vw,8rem); overflow:hidden; }
.work-heading { position:relative; z-index:1; }.work-heading h2 { color:white; font-weight:550; }.work-heading > p { color:#dfebff; }
.editorial-projects { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.6rem; position:relative; z-index:1; }
.editorial-projects .case { border:0; border-radius:1.4rem; background:#fff; box-shadow:0 16px 45px rgba(0,21,83,.18); overflow:hidden; display:flex; flex-direction:column; }
.editorial-projects .case:first-child { grid-column:1 / -1; display:grid; grid-template-columns:1.15fr 1fr; }
.editorial-projects .case:first-child .case-body { display:flex; justify-content:center; padding:3rem; }
.editorial-projects .case-body { flex:1; min-height:20rem; padding:2rem 2rem 2.2rem; }
.editorial-projects .case-body h2 { font-size:clamp(1.45rem,2.3vw,2rem); font-weight:550; line-height:1.13; letter-spacing:-.04em; }
.editorial-projects .case-body .eyebrow { color:#2453bd; }
.editorial-projects .case-body p:not(.eyebrow) { color:#52617a; font-size:1rem; line-height:1.6; }
.editorial-projects .case-body strong { margin-top:auto; padding-top:1.25rem; color:#1259ed; font-size:.94rem; }
.editorial-scene { position:relative; isolation:isolate; overflow:hidden; width:100%; height:27rem; min-height:0; color:#08285b; background:#e7f2ff; font-family:inherit; }
.editorial-scene * { box-sizing:border-box; }
.scene-onebrand { background:radial-gradient(ellipse at 70% 10%,#d4eaff,transparent 65%),#e7f5ff; }
.scene-tradeshow { background:radial-gradient(ellipse at 10% 80%,#ffd3b3,transparent 65%),#fff0e0; }
.scene-capacity { background:radial-gradient(ellipse at 85% 20%,#cbbaff,transparent 65%),#ede6ff; }
.scene-daily { background:radial-gradient(ellipse at 80% 20%,#b6f1df,transparent 65%),#e4faf2; }
.scene-ai { background:radial-gradient(ellipse at 50% 40%,#566cff,transparent 65%),#193bc1; }
.scene-lines { position:absolute; inset:0; width:100%; height:100%; z-index:-1; fill:none; stroke:rgba(44,95,184,.15); stroke-width:1.1; }
.scene-ai .scene-lines { stroke:rgba(255,255,255,.2); }
.scene-orb { position:absolute; border-radius:50%; z-index:-1; box-shadow:inset -9px -12px 16px rgba(13,47,115,.12),inset 6px 7px 15px rgba(255,255,255,.7),0 12px 17px rgba(28,67,137,.1); }
.orb-one { width:5rem; height:5rem; background:linear-gradient(135deg,#a6e7ff,#2766ef); top:7%; left:5%; }
.orb-two { width:2.8rem; height:2.8rem; background:linear-gradient(135deg,#fff3b4,#ffc66d); right:8%; bottom:8%; }
.scene-spark { position:absolute; right:8%; top:23%; width:3.3rem; height:3.3rem; fill:#ffd95b; filter:drop-shadow(0 5px 3px rgba(200,139,22,.18)); transform:rotate(12deg); }
.scene-caption { position:absolute; bottom:.65rem; left:1rem; font-size:.53rem; color:#435c7a; text-transform:uppercase; letter-spacing:.1em; }.scene-ai .scene-caption { color:#d6e4ff; }
.scene-medallion { position:absolute; top:13%; left:29%; width:12rem; height:12rem; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:radial-gradient(circle at 35% 25%,#fff 30%,#edf3ff 80%); box-shadow:inset 0 0 0 1px white,0 14px 25px rgba(20,53,113,.14); border:1px solid #d9e7ff; transform:rotate(-6deg); }
.scene-medallion strong { font-size:4.2rem; line-height:1; font-weight:600; color:#1259ed; letter-spacing:-.07em; }.scene-medallion span { font-size:.83rem; font-weight:550; line-height:1.25; margin-top:.4rem; }.scene-medallion small { font-size:.55rem; color:#52617a; margin-top:.4rem; }
.network-ring { position:absolute; width:22rem; height:22rem; top:1.3rem; left:16%; border:1px dashed #a6bfe8; border-radius:50%; transform:rotate(-15deg); }
.scene-chip { position:absolute; z-index:3; padding:.7rem 1rem; background:#fff; border:1px solid rgba(255,255,255,.7); border-radius:999px; font-size:.65rem; font-weight:600; box-shadow:0 8px 22px rgba(28,67,137,.13); white-space:nowrap; }
.chip-top { top:6%; right:4%; transform:rotate(4deg); }
.scene-sheet { position:absolute; z-index:2; padding:1.3rem 1.5rem; border-radius:1rem; background:rgba(255,255,255,.96); border:1px solid #fff; box-shadow:0 18px 30px rgba(21,54,117,.15); }
.sheet-bottom { width:79%; bottom:11%; left:8%; transform:rotate(3deg); }.scene-sheet > b { display:block; margin-top:.4rem; font-size:1.05rem; font-weight:550; line-height:1.2; letter-spacing:-.025em; }
.route-mini { display:flex; gap:.6rem; align-items:center; margin-top:.9rem; }.route-mini span { font-size:.7rem; border-radius:.4rem; padding:.35rem .65rem; background:#edf3ff; color:#2453bd; }.route-mini i { color:#7792bc; font-style:normal; }
.scene-stamp { position:absolute; z-index:3; right:4%; bottom:33%; display:flex; flex-direction:column; align-items:center; justify-content:center; width:5.2rem; height:5.2rem; border:4px solid white; border-radius:50%; background:#185bea; color:#fff; font-weight:600; font-size:1.7rem; box-shadow:0 8px 20px rgba(20,53,113,.2); transform:rotate(9deg); }.scene-stamp small { font-size:.48rem; font-weight:500; }
.template-card { position:absolute; width:44%; height:16rem; top:16%; padding:1.5rem; border-radius:1rem; box-shadow:0 15px 25px rgba(124,64,46,.14); border:1px solid #fff; background:#fff; }.template-card > span { font-size:.52rem; letter-spacing:.08em; font-weight:650; color:#835243; }.template-card strong { display:block; font-size:2.6rem; font-weight:550; letter-spacing:-.06em; margin-top:.7rem; }.template-card small { display:block; font-size:.68rem; color:#52617a; }.template-card i { display:block; height:.45rem; margin-top:.8rem; width:95%; border-radius:999px; background:#efeff7; }.template-card i:last-child { width:65%; }
.template-back { left:13%; transform:rotate(-13deg); background:#fffbf8; }.template-front { right:11%; top:22%; transform:rotate(10deg); background:linear-gradient(140deg,#fff,#fff2ed); }.template-front strong { color:#c54a25; }
.scene-ribbon { position:absolute; z-index:3; bottom:14%; left:13%; width:75%; padding:1rem .7rem; border:1px solid #fff; background:#fff; box-shadow:0 14px 24px rgba(124,64,46,.13); border-radius:.8rem; text-align:center; font-size:.78rem; font-weight:550; transform:rotate(-3deg); }.scene-ribbon i { font-style:normal; margin:0 .8rem; color:#cf805f; }
.effort-blocks { position:absolute; top:19%; left:18%; display:flex; gap:.7rem; align-items:flex-end; height:12rem; transform:rotate(-9deg); }.effort-blocks span { width:4.8rem; height:6rem; display:grid; place-items:center; color:white; font-size:2.1rem; font-weight:600; border-radius:1rem; background:linear-gradient(130deg,#927afa,#5941bd); box-shadow:inset 2px 3px 3px #bdabff,inset -8px -6px 12px #4c37a4,10px 10px 15px rgba(71,45,144,.13); }.effort-blocks span:nth-child(2) { height:8.5rem; background:linear-gradient(130deg,#838cff,#424bc9); }.effort-blocks span:nth-child(3) { height:11rem; background:linear-gradient(130deg,#b79aff,#7050d8); }
.effort-scale { display:flex; gap:.3rem; margin:.8rem 0; align-items:end; }.effort-scale i { width:12%; height:.35rem; background:#cec4f4; border-radius:99px; }.effort-scale i:nth-child(2n) { background:#8162db; }.scene-capacity .scene-sheet > small { font-size:.57rem; color:#52617a; display:block; line-height:1.5; }
.scene-daily .scene-medallion { left:28%; top:10%; width:13rem; height:13rem; }.scene-daily .scene-medallion strong { color:#087c64; font-size:3.8rem; }
.time-comparison > div { display:flex; align-items:center; justify-content:space-between; margin-top:.6rem; }.time-comparison > div > span { display:flex; align-items:center; gap:.5rem; }.time-comparison strong { font-size:2.5rem; font-weight:550; letter-spacing:-.06em; }.time-comparison small { font-size:.65rem; max-width:3.5rem; color:#52617a; }.time-comparison i { font-style:normal; color:#0b8a71; font-size:1.5rem; }
.scene-ai .scene-medallion { top:16%; left:31%; width:11rem; height:11rem; transform:rotate(6deg); }.scene-ai .scene-medallion strong { font-size:3rem; }.ai-glyph { position:absolute; left:-1rem; top:0; width:3rem; height:3rem; border-radius:1rem; display:grid; place-items:center; background:linear-gradient(130deg,#a1fff1,#71e0e5); color:#1259ed; box-shadow:0 5px 15px #06289333; font-size:1.8rem!important; }.ai-orbit { position:absolute; inset:8% 10% 15%; border:1px solid #9aaeff; border-radius:50%; transform:rotate(-25deg); }.ai-satellite { position:absolute; border:1px solid #b9cdff; background:#e7edff; color:#234caa; border-radius:.7rem; padding:.6rem .9rem; box-shadow:0 9px 15px #06289333; font-size:.65rem; font-weight:550; }.satellite-one { top:23%; left:7%; transform:rotate(-12deg); }.satellite-two { right:5%; top:41%; transform:rotate(9deg); }.satellite-three { left:12%; top:49%; transform:rotate(-5deg); }.source-row { display:flex; gap:.8rem; margin-top:.85rem; }.source-row span { color:#52617a; font-size:.6rem; }
/* The same crafted illustrations become generous case-study stage pieces. */
.visual-stage { background:#f3f7ff; color:#08285b; padding-block:clamp(3rem,5vw,5rem); }
.visual-stage .eyebrow { color:#2453bd; }.visual-stage h2 { max-width:50rem; font-weight:550; }.visual-stage .visual-head { margin-bottom:2rem; }
.visual-stage .editorial-scene { max-width:64rem; height:35rem; margin-inline:auto; border-radius:2rem; border:1px solid #dbe5f4; }
.visual-stage .scene-medallion { width:16rem; height:16rem; left:35%; top:11%; }.visual-stage .scene-medallion strong { font-size:5rem; }.visual-stage .scene-medallion span { font-size:1rem; }.visual-stage .scene-sheet { max-width:38rem; left:15%; padding:1.8rem 2rem; }.visual-stage .scene-sheet > b { font-size:1.5rem; }.visual-stage .chip-top { top:10%; right:12%; font-size:.8rem; }.visual-stage .scene-stamp { width:7rem; height:7rem; right:18%; font-size:2.5rem; }.visual-stage .scene-stamp small { font-size:.65rem; }.visual-stage .template-card { width:30%; left:22%; height:21rem; top:13%; }.visual-stage .template-front { left:45%; top:20%; }.visual-stage .template-card strong { font-size:4rem; }.visual-stage .scene-ribbon { width:55%; left:22%; font-size:1rem; bottom:12%; }.visual-stage .effort-blocks { left:30%; height:16rem; }.visual-stage .effort-blocks span { width:6rem; height:8rem; }.visual-stage .effort-blocks span:nth-child(2) { height:11rem; }.visual-stage .effort-blocks span:nth-child(3) { height:14rem; }.visual-stage .ai-satellite { font-size:.9rem; }.visual-stage .satellite-one { left:20%; }.visual-stage .satellite-two { right:17%; }.visual-stage .satellite-three { left:23%; }.visual-stage .scene-ai .ai-glyph { width:4rem; height:4rem; }.visual-stage .orb-one { left:15%; width:7rem; height:7rem; }.visual-stage .orb-two { right:15%; width:4rem; height:4rem; }
.visual-stage .metric-row { color:#08285b; border:0; gap:1rem; }.visual-stage .metric-row > div { background:white; border:1px solid #dce6f5; border-radius:.8rem; padding:1.2rem; }.visual-stage .metric-row span { color:#52617a; }.visual-stage .metric-row strong { color:#1859df; }
.case-hero { padding-block:clamp(3rem,6vw,5rem); }.case-hero h1 { font-weight:550; }
.capabilities-section .section-intro { max-width:50rem; }.capability-grid article { background:transparent; border:0; box-shadow:none; padding:1rem .6rem; }.capability-symbol { width:4rem; height:4rem; border-radius:1.1rem; box-shadow:inset 1px 1px 2px #fff,0 9px 16px #164a9d12; }.capability-symbol svg { width:2rem; height:2rem; }
.success-section { position:relative; overflow:hidden; background:linear-gradient(125deg,#073ac5,#0c34b3); }.success-section::after { position:absolute; width:25rem; height:25rem; right:-10rem; bottom:-15rem; border-radius:50%; border:3rem solid rgba(129,174,255,.15); content:""; }.success-section h2 { font-weight:550; }.success-section .eyebrow { color:#70f1d0; }
.closing-cta { position:relative; overflow:hidden; background:#eaf4ff; padding-right:18%; }.closing-cta::after { position:absolute; right:-2rem; bottom:-6rem; width:25rem; height:25rem; background:url('/assets/connected-work-sculpture.webp') center/contain no-repeat; opacity:.65; content:""; pointer-events:none; }.closing-cta > div { position:relative; z-index:1; }
@media(max-width:70rem) { .hero-composition { min-height:34rem; }.hero-system-card { width:86%; padding:1.3rem; }.hero-float-one { top:17%; }.hero-float-two { bottom:0; }.hero-message h1 { font-size:clamp(2.8rem,4.7vw,4.8rem); }.editorial-scene { height:25rem; }.scene-medallion { left:25%; }.scene-sheet { padding:1.1rem; }.scene-sheet > b { font-size:.95rem; }.source-row { gap:.5rem; }.source-row span { font-size:.55rem; } }
@media(max-width:62rem) { .hero-layout { grid-template-columns:1fr; gap:3rem; }.hero-message { max-width:46rem; }.hero-composition { width:min(100%,40rem); min-height:38rem; margin-inline:auto; }.hero-message h1 { font-size:clamp(3rem,7vw,4.8rem); }.editorial-projects .case:first-child { display:flex; }.editorial-projects .case:first-child .case-body { padding:2rem; }.editorial-projects .case:first-child .editorial-scene { height:29rem; }.closing-cta { padding-right:2rem; }.closing-cta::after { opacity:.16; }.visual-stage .editorial-scene { height:31rem; }.visual-stage .scene-medallion { left:31%; width:14rem; height:14rem; }.visual-stage .scene-sheet { left:10%; }.visual-stage .scene-stamp { right:8%; }.visual-stage .template-card { left:17%; width:37%; }.visual-stage .template-front { left:42%; }.visual-stage .effort-blocks { left:26%; } }
@media(max-width:50rem) { .editorial-projects { grid-template-columns:1fr; }.editorial-projects .case:first-child { grid-column:auto; }.editorial-projects .case-body { min-height:0; }.editorial-projects .case-body strong { margin-top:1rem; }.editorial-scene,.editorial-projects .case:first-child .editorial-scene { height:27rem; }.scene-medallion { left:29%; }.guide-photo { min-height:29rem; }.hero-system-card { width:82%; }.hero-float-two { right:0; bottom:0; }.hero-composition { min-height:36rem; }.hero-art-caption { bottom:-1.8rem; }.visual-stage .editorial-scene { height:29rem; border-radius:1.2rem; }.visual-stage .scene-medallion { left:25%; width:12rem; height:12rem; }.visual-stage .scene-medallion strong { font-size:3.8rem; }.visual-stage .scene-medallion span { font-size:.85rem; }.visual-stage .scene-sheet { left:8%; width:84%; padding:1.3rem; }.visual-stage .scene-sheet > b { font-size:1.05rem; }.visual-stage .chip-top { right:5%; top:6%; font-size:.62rem; }.visual-stage .scene-stamp { width:5rem; height:5rem; right:4%; font-size:1.8rem; }.visual-stage .scene-stamp small { font-size:.5rem; }.visual-stage .template-card { width:43%; left:12%; height:17rem; top:17%; }.visual-stage .template-front { left:45%; top:23%; }.visual-stage .template-card strong { font-size:2.6rem; }.visual-stage .scene-ribbon { width:76%; left:12%; font-size:.8rem; }.visual-stage .effort-blocks { left:20%; height:13rem; }.visual-stage .effort-blocks span { width:4.5rem; height:6rem; }.visual-stage .effort-blocks span:nth-child(2) { height:8rem; }.visual-stage .effort-blocks span:nth-child(3) { height:10rem; }.visual-stage .ai-satellite { font-size:.65rem; }.visual-stage .satellite-one { left:5%; }.visual-stage .satellite-two { right:4%; }.visual-stage .satellite-three { left:8%; }.visual-stage .metric-row { grid-template-columns:1fr 1fr; }.visual-stage .orb-one { left:5%; width:4rem; height:4rem; }.visual-stage .orb-two { width:2.5rem; height:2.5rem; }.scene-spark { right:5%; }.visual-stage .scene-ai .ai-glyph { width:3rem; height:3rem; } }
@media(max-width:34rem) { .new-hero { padding-top:3rem; }.hero-message h1 { font-size:3rem; }.hero-composition { min-height:31rem; }.hero-system-card { left:0; top:33%; width:90%; padding:1.1rem; }.hero-system-card h2 { font-size:1.65rem; }.hero-float { padding:.65rem .7rem; }.hero-float-one { right:0; top:16%; }.hero-float-two { right:0; bottom:-.3rem; }.hero-float b { font-size:.7rem; }.hero-float small { font-size:.6rem; }.float-icon { width:1.6rem; height:1.6rem; }.hero-art-caption { font-size:.54rem; bottom:-2rem; }.brand-sculpture { width:110%; right:-10%; top:-4%; }.scene-medallion { left:22%; width:11rem; height:11rem; }.scene-daily .scene-medallion { left:22%; width:12rem; height:12rem; }.scene-ai .scene-medallion { left:25%; }.scene-sheet { width:86%; left:6%; }.scene-stamp { right:3%; width:4.7rem; height:4.7rem; }.scene-chip { font-size:.59rem; padding:.6rem .7rem; }.effort-blocks { left:13%; }.effort-blocks span { width:4.5rem; }.template-card { padding:1.1rem; }.template-card strong { font-size:2.3rem; }.template-card > span { font-size:.45rem; }.scene-ribbon { width:84%; left:8%; font-size:.7rem; }.scene-ribbon i { margin:0 .5rem; }.time-comparison strong { font-size:2rem; }.time-comparison small { font-size:.56rem; }.satellite-three { left:5%; }.source-row span { font-size:.53rem; }.editorial-projects .case-body,.editorial-projects .case:first-child .case-body { padding:1.5rem; }.visual-stage .scene-medallion { left:21%; }.visual-stage .effort-blocks { left:13%; }.visual-stage .scene-sheet { width:88%; left:6%; }.visual-stage .template-card { left:8%; }.visual-stage .template-front { left:44%; }.guide-photo { box-shadow:10px 12px 0 #d7e7ff; } }
.editorial-projects .case-body,.editorial-projects .case:first-child .case-body { display:flex; flex-direction:column; align-items:flex-start; gap:0; }
.editorial-projects .case:first-child .case-body > strong { margin-top:1.5rem; }
.scene-personal { background:radial-gradient(ellipse at 10% 80%,#b2e6d3,transparent 65%),#effaf5; height:34rem; border-radius:2rem; }
.scene-personal .template-card { top:18%; height:20rem; }.scene-personal .template-card strong { font-size:2.8rem; }.scene-personal .template-front { top:25%; background:linear-gradient(140deg,#fff,#edfff5); }.scene-personal .template-front strong { color:#087762; }.scene-personal .scene-ribbon { bottom:14%; }
.about-photo { border-radius:48% 48% 1.5rem 1.5rem; border:6px solid #fff; box-shadow:16px 16px 0 #dce9ff; }
@media(max-width:50rem) { .scene-personal { height:29rem; }.scene-personal .template-card { height:17rem; }.scene-personal .template-card strong { font-size:2.1rem; } }
.theme-ai .visual-stage { background:#f3f7ff; color:#08285b; }

/* Readability refinement for metric cards and supporting copy. */
.visual-stage .metric-row { background:transparent; }
.story-section > div > p:not(.eyebrow) { font-size:1.1rem; }
.results-section .impact-copy { font-size:1.04rem; }
.decision-list p { font-size:1rem; }
.case-facts dd { font-size:1rem; }
.editorial-projects .case-body p:not(.eyebrow) { font-size:1.06rem; }
@media(max-width:50rem) { .metric-row span { font-size:.92rem; } .story-section > div > p:not(.eyebrow) { font-size:1.04rem; } }

/* Fully composed secondary pages, sharing the brand while serving distinct audiences. */
.secondary-page .service-wrap { width:min(100% - 6rem,84rem); }
.secondary-page .service-hero { position:relative; overflow:hidden; padding-block:clamp(4rem,6vw,6rem); }
.secondary-page .service-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:3.5rem; }
.secondary-page .service-hero h1 { font-size:clamp(2.7rem,4.2vw,4.4rem); font-weight:550; letter-spacing:-.055em; line-height:1.07; }
.secondary-page .service-hero .lede { font-size:1.15rem; line-height:1.7; max-width:39rem; }
.teams-page .forest-band { background:radial-gradient(ellipse at 85% 30%,#3972f0 0,transparent 60%),linear-gradient(125deg,#092d9d,#1338b6); color:white; }
.teams-page .service-hero .eyebrow { color:#86f1d4; }.teams-page .service-hero .lede { color:#e4edff; }.teams-page .button.lime { background:#fff; color:#1144bd; box-shadow:none; }.teams-page .light-link { color:#fff; }
.individuals-page .personal-band { background:radial-gradient(ellipse at 85% 20%,#d7f3e7,transparent 60%),linear-gradient(120deg,#fffaf1,#f1f8f5); }
.individuals-page .service-hero .eyebrow { color:#14755e; }.individuals-page .button.dark { background:#0c6955; color:#fff; }
.solution-composition { position:relative; min-height:34rem; isolation:isolate; }
.solution-sculpture { position:absolute; width:90%; right:-5%; top:-10%; z-index:-1; filter:drop-shadow(0 20px 25px #021a6a33); }
.work-platform { position:absolute; left:0; top:34%; width:94%; padding:1.6rem; background:#fff; color:#08285b; border:1px solid #fff; border-radius:1.2rem; box-shadow:0 25px 60px #001c6038; transform:rotate(-5deg); }
.platform-title { display:flex; align-items:center; gap:.8rem; }.platform-icon { width:2.6rem; height:2.6rem; border-radius:.7rem; display:grid; place-items:center; background:#e4edff; color:#1259ed; font-size:1.6rem; }.platform-title small { display:block; font-size:.6rem; letter-spacing:.1em; color:#52617a; }.platform-title b { display:block; font-size:1.5rem; font-weight:550; letter-spacing:-.04em; }
.platform-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; margin-top:1.3rem; }.platform-stages > span { padding:1rem .7rem; border-radius:.7rem; background:#f0f5ff; font-size:.85rem; font-weight:600; }.platform-stages i { display:block; width:1.8rem; height:1.8rem; border-radius:50%; background:#1758e9; color:#fff; text-align:center; line-height:1.8rem; font-style:normal; font-size:.65rem; margin-bottom:.8rem; }.platform-stages small { display:block; font-size:.6rem; font-weight:400; color:#52617a; margin-top:.3rem; }.platform-note { border-top:1px solid #e2e9f6; padding-top:.9rem; margin-top:1.2rem; color:#52617a; font-size:.7rem; }
.solution-badge { display:flex; align-items:center; gap:.7rem; position:absolute; bottom:1rem; right:0; padding:1rem 1.2rem; border-radius:1rem; background:#fff; box-shadow:0 12px 30px #001c6033; color:#08285b; transform:rotate(4deg); }.solution-badge > span { width:2rem; height:2rem; border-radius:50%; display:grid; place-items:center; background:#dff7eb; color:#128161; }.solution-badge small { display:block; font-size:.63rem; color:#52617a; }.solution-badge b { display:block; font-size:.82rem; }.composition-caption { position:absolute; bottom:-1.2rem; left:0; color:#d9e7ff; font-size:.58rem; letter-spacing:.1em; text-transform:uppercase; }
.personal-composition { min-height:34rem; }.personal-sculpture { position:absolute; width:105%; top:-14%; left:-2%; z-index:1; filter:drop-shadow(0 20px 25px #1d70521a); }.personal-halo { position:absolute; width:87%; aspect-ratio:1; left:6%; top:2%; border-radius:50%; background:#e1f1e8; box-shadow:0 0 0 2rem #e9f4ed,0 0 0 4rem #f4f8ed; z-index:0; }
.personal-find { position:absolute; z-index:2; display:flex; align-items:center; gap:.9rem; padding:1.3rem; background:#fff; border:1px solid #dfebe5; border-radius:1.1rem; box-shadow:0 18px 35px #326a5426; width:96%; left:0; bottom:15%; transform:rotate(-4deg); }.find-icon { display:grid; place-items:center; width:2.5rem; height:2.5rem; border-radius:50%; background:#e5f6ef; color:#0c6955; font-size:2rem; }.personal-find small { display:block; font-size:.55rem; letter-spacing:.08em; color:#526b61; }.personal-find b { display:block; font-size:1.2rem; letter-spacing:-.03em; }.find-check { margin-left:auto; color:#128161; font-size:1.2rem; }.personal-tags { position:absolute; z-index:3; right:0; bottom:4%; display:flex; gap:.5rem; transform:rotate(4deg); }.personal-tags span { padding:.6rem 1rem; border-radius:99px; background:#fff; color:#175e4f; font-size:.8rem; box-shadow:0 8px 15px #326a541a; }.personal-composition .composition-caption { color:#526b61; }
nav.section-jumps { position:static; max-width:none; width:100%; justify-content:center; gap:2.5rem; min-height:4.2rem; padding:1rem 1.5rem; background:#fff; border-block:1px solid #e0e8f4; }
.section-jumps a { text-decoration:none; font-size:.85rem; font-weight:550; color:#234b87; text-underline-offset:.3rem; }.section-jumps a:hover { text-decoration:underline; }
.secondary-page section[id] { scroll-margin-top:7rem; }
.secondary-page .problem-band { padding-block:clamp(4rem,6vw,6rem); border:0; align-items:center; gap:5rem; }.secondary-page .problem-band h2 { font-size:clamp(2rem,3vw,2.8rem); font-weight:550; line-height:1.12; }.secondary-page .problem-list { padding:1.3rem 1.8rem; background:#f2f6ff; border-radius:1.2rem; }.individuals-page .problem-list { background:#f1f6ed; }.secondary-page .problem-list article { border-color:#dce5f0; }.secondary-page .problem-list p { font-size:1.03rem; }
.secondary-page .services-section { padding-block:clamp(2rem,4vw,4rem) clamp(4rem,6vw,6rem); }.secondary-page .section-kicker { max-width:53rem; margin-inline:auto; text-align:center; }.secondary-page .section-kicker h2 { font-weight:550; font-size:clamp(2rem,3.5vw,3.2rem); line-height:1.1; }.secondary-page .section-kicker > p:not(.eyebrow) { color:#52617a; font-size:1.08rem; }
.secondary-page .service-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.8rem; margin-top:3rem; }.secondary-page .service-cards > article { display:grid; grid-template-columns:1fr; padding:0 0 1.8rem; overflow:hidden; border:1px solid #e1e8f3; border-radius:1.3rem; background:#fff; box-shadow:0 12px 30px #1a43960a; }.secondary-page .service-cards h3 { margin:1.8rem 1.8rem .6rem; font-size:1.5rem; font-weight:550; line-height:1.15; }.secondary-page .service-cards > article > p { margin:0 1.8rem; color:#52617a; font-size:1.05rem; line-height:1.65; }
.service-object { position:relative; height:18rem; overflow:hidden; isolation:isolate; background:#e7efff; }.service-object .object-main { position:absolute; width:70%; top:18%; left:15%; padding:1.3rem; border:1px solid #fff; background:rgba(255,255,255,.96); box-shadow:0 14px 30px #26437526; border-radius:1rem; transform:rotate(-6deg); }.object-main b { display:block; font-size:1.1rem; font-weight:550; letter-spacing:-.03em; margin-top:.8rem; }.object-main small { color:#52617a; font-size:.7rem; }.object-symbol { display:grid; place-items:center; width:2.2rem; height:2.2rem; border-radius:.6rem; background:#e3ebff; color:#1859df; font-size:1.4rem; }.object-lines { display:flex; gap:.4rem; margin-top:.85rem; }.object-lines i { width:25%; height:.35rem; border-radius:99px; background:#cbd9f1; }.object-lines i:nth-child(2) { width:40%; }.object-orbit { position:absolute; width:16rem; height:16rem; top:-3rem; right:-1rem; border:1px solid #8daae44d; border-radius:50%; box-shadow:0 0 0 2rem #ffffff33; z-index:-1; }.object-tab { position:absolute; right:7%; bottom:10%; padding:.7rem 1rem; border:1px solid #fff; border-radius:99px; background:#fff; color:#274875; font-size:.65rem; font-weight:550; box-shadow:0 8px 20px #2643751f; transform:rotate(6deg); }
.object-workflow,.object-mail { background:linear-gradient(140deg,#ffeddb,#ffe3d6); }.object-system,.object-tasks { background:linear-gradient(140deg,#e6dcff,#e7edff); }.object-support,.object-tools { background:linear-gradient(140deg,#d6f6e9,#e6f9f3); }.object-files { background:linear-gradient(140deg,#e1f4e6,#f4f1db); }.object-workflow .object-main,.object-mail .object-main,.object-support .object-main,.object-tools .object-main { transform:rotate(5deg); }.object-audit .object-symbol { border-radius:50%; }.object-files .object-main { border-radius:1rem 2rem 1rem 1rem; border-top:1rem solid #b8d7c0; }
.service-proof { margin-block:0 4rem; padding:3rem; border-radius:1.6rem; color:#fff; background:linear-gradient(120deg,#103dc0,#193391); }.service-proof .eyebrow { color:#99f2d7; }.service-proof h2 { font-size:clamp(1.8rem,3vw,2.6rem); font-weight:550; color:#fff; }.proof-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.8rem; margin-top:2rem; }.proof-links a { text-decoration:none; padding-top:1.6rem; border-top:1px solid #ffffff45; color:#fff; }.proof-links strong { display:block; font-size:3rem; letter-spacing:-.06em; font-weight:550; line-height:1; }.proof-links span { display:block; color:#e3ebff; font-size:.9rem; line-height:1.5; margin-top:.8rem; }.proof-links b { display:block; margin-top:1rem; font-size:.8rem; font-weight:550; }.proof-links a:hover b { text-decoration:underline; }
.secondary-page .three-step { padding-block:clamp(3rem,5vw,5rem); }.secondary-page .plan-grid { margin-top:2.5rem; gap:2rem; }.secondary-page .plan-grid article { border-top:1px solid #dbe5f4; padding-top:1.6rem; }.secondary-page .plan-grid b { width:3rem; height:3rem; margin-bottom:1.4rem; background:#ebf1ff; color:#1859df; border:1px solid #d2dff4; font-size:1rem; }.individuals-page .plan-grid b { background:#edf6ed; color:#0c6955; }.secondary-page .plan-grid h3 { font-size:1.3rem; font-weight:550; }.secondary-page .plan-grid p { font-size:1.04rem; }
.secondary-page .success-band { border-radius:1.6rem; padding:clamp(2rem,4vw,4rem); gap:3rem; margin-block:3rem; }.secondary-page .success-band h2 { font-size:clamp(2rem,3vw,2.8rem); font-weight:550; line-height:1.15; }.secondary-page .success-list span { padding:.9rem 1rem; font-size:.95rem; border-radius:.7rem; }.individuals-page .personal-success { background:linear-gradient(125deg,#def1e5,#f7f4e5); }.secondary-page .final-cta { text-align:center; padding:4rem 1rem 5rem; max-width:60rem; margin:auto; }.secondary-page .final-cta h2 { font-size:clamp(2.1rem,3.8vw,3.4rem); font-weight:550; line-height:1.1; margin-bottom:2rem; }.secondary-page .cross-path { padding:2rem 0; margin-bottom:2rem; border-top:1px solid #dce6f3; background:transparent; }.secondary-page .cross-path h3 { font-size:1.3rem; font-weight:550; }
/* About is a story-led page, with a portrait collage and a visible career arc. */
.about-page .about-new-hero { overflow:hidden; background:radial-gradient(ellipse at 70% 65%,#dceeff,transparent 65%),#f8fbff; padding-block:4rem 5rem; }.about-page .about-new-layout { grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:5rem; align-items:center; }.about-page .about-new-layout h1 { font-size:clamp(3rem,4.7vw,4.8rem); font-weight:550; letter-spacing:-.055em; line-height:1.04; }.about-page .about-new-layout .lede { font-size:1.15rem; color:#52617a; line-height:1.7; }
.about-portrait-composition { position:relative; min-height:36rem; isolation:isolate; }.portrait-ring { position:absolute; width:91%; aspect-ratio:1; left:0; top:5%; border-radius:50%; background:#e0eaff; box-shadow:0 0 0 2rem #ecf2ff; z-index:-2; }.portrait-sculpture { position:absolute; width:62%; left:-20%; bottom:0; z-index:3; transform:rotate(-18deg); }.about-page .about-photo { position:absolute; inset:0 0 1rem 8%; min-height:0; border:7px solid #fff; border-radius:48% 48% 1.2rem 1.2rem; transform:rotate(4deg); box-shadow:0 20px 50px #173d7a26; }.about-page .photo-caption { right:.8rem; left:.8rem; bottom:.8rem; padding:.9rem; }.about-page .photo-caption span { font-size:.7rem; }.portrait-detail { position:absolute; z-index:4; top:12%; left:-5%; display:flex; flex-direction:column; justify-content:center; width:8.5rem; height:8.5rem; padding:1rem; border-radius:50%; background:#fff; box-shadow:0 12px 24px #173d7a26; text-align:center; transform:rotate(-7deg); }.portrait-detail > span { color:#1859df; font-size:1.75rem; font-weight:550; letter-spacing:-.06em; line-height:1.1; }.portrait-detail small { font-size:.6rem; color:#52617a; line-height:1.4; margin-top:.4rem; }
.about-page .trust-strip { background:#fff; padding:1.7rem 0; border-bottom:1px solid #e1e9f5; }.about-page .trust-strip .home-shell { justify-content:center; gap:2rem; }.about-page .trust-strip a { font-size:1.15rem; text-decoration:none; font-weight:550; color:#1c3c73; }
.about-page .about-problem .section-intro { margin:0 auto 3rem; text-align:center; max-width:50rem; }.about-page .about-problem h2 { font-weight:550; }.about-page .about-problem-grid { gap:1.5rem; }.about-page .about-problem-grid article { position:relative; overflow:hidden; border:0; padding:2.5rem; border-radius:1.5rem; min-height:21rem; }.about-page .about-problem-grid article:first-child { background:linear-gradient(120deg,#e4f2ea,#f6f2e3); }.about-page .about-problem-grid article:last-child { background:linear-gradient(125deg,#143ec4,#233697); }.about-page .about-problem-grid article::after { content:""; position:absolute; right:-4rem; top:-5rem; width:13rem; height:13rem; border:1.5rem solid #ffffff2b; border-radius:50%; pointer-events:none; }.about-page .about-problem-grid h3 { font-weight:550; line-height:1.15; }.about-page .about-problem-grid p { font-size:1.05rem; }.about-page .about-problem-grid a { font-size:.9rem; }
.about-page .leadership-section { background:#0a2e9f; color:#fff; }.about-page .leadership-section .eyebrow { color:#87f0d2; }.about-page .leadership-layout { grid-template-columns:1fr 1fr; gap:4rem; }.about-page .leadership-layout h2 { font-weight:550; line-height:1.1; }.about-page .leadership-copy { color:#e3edff; font-size:1.1rem; }.about-page .leadership-copy strong { color:#fff; }.about-page .value-chips span { color:#fff; background:#ffffff12; border-color:#ffffff4a; padding:.6rem 1rem; font-size:.85rem; }
.about-page .experience-section { grid-template-columns:1.1fr .9fr; gap:5rem; }.about-page .experience-copy h2 { font-weight:550; font-size:clamp(2rem,3.1vw,2.8rem); }.about-page .experience-copy > p:not(.eyebrow) { font-size:1.08rem; }.about-page .experience-proof { grid-template-columns:1fr; gap:0; }.about-page .experience-proof span { padding:1rem 0; border-top:1px solid #dce5f3; font-size:.85rem; }.about-page .experience-proof b { display:inline; margin-right:1rem; font-size:1rem; }
.about-page .career-visual { position:relative; padding:2rem; border:0; background:linear-gradient(150deg,#edf4ff,#eee6ff); border-radius:1.5rem; transform:rotate(2deg); box-shadow:0 18px 40px #183c7814; }.about-page .career-header { border-bottom:1px solid #c6d4ed; margin-bottom:.7rem; }.about-page .career-visual article { position:relative; margin-top:1.3rem; border:1px solid #fff; border-radius:.8rem; background:#fff; padding:1.3rem; box-shadow:0 8px 18px #183c780d; }.about-page .career-visual article.active { background:#1859df; color:#fff; }.about-page .career-visual article.active span { color:#e4edff; }.about-page .career-visual article.active b { background:#ffffff25; color:#fff; }.about-page .career-visual article strong { font-size:1.15rem; }.about-page .career-visual article span { font-size:.8rem; }
.about-page .about-principles .section-intro { max-width:none; text-align:center; }.about-page .about-principles h2 { font-weight:550; }.about-page .principle-grid { gap:2rem; }.about-page .principle-grid article { border:0; border-top:1px solid #dce5f3; border-radius:0; padding:1.5rem 0 0; }.about-page .principle-grid article > span { display:grid; place-items:center; width:3.2rem; height:3.2rem; border-radius:1rem; background:#e8efff; color:#1859df; font-size:1rem; }.about-page .principle-grid article:nth-child(2) > span { background:#eae1ff; color:#7448b5; }.about-page .principle-grid article:nth-child(3) > span { background:#ddf5e8; color:#0b7b5b; }.about-page .principle-grid h3 { margin-top:1.5rem; font-size:1.3rem; font-weight:550; }.about-page .principle-grid p { font-size:1.04rem; }
@media(max-width:64rem) { .secondary-page .service-wrap { width:calc(100% - 3.5rem); }.secondary-page .service-hero-grid,.about-page .about-new-layout { grid-template-columns:1fr; gap:3rem; }.solution-composition { width:min(100%,38rem); margin-inline:auto; }.secondary-page .service-hero h1 { max-width:50rem; font-size:clamp(2.8rem,5.5vw,4.5rem); }.about-portrait-composition { width:min(100%,30rem); margin-inline:auto; }.about-page .about-new-layout > div:first-child { max-width:48rem; }.secondary-page .problem-band { gap:2rem; }.about-page .leadership-layout,.about-page .experience-section { gap:2.5rem; }.about-page .experience-section { grid-template-columns:1fr 1fr; }.proof-links { gap:1rem; }.service-proof { padding:2rem; } }
@media(max-width:50rem) { .secondary-page .service-wrap { width:calc(100% - 2rem); }.secondary-page .service-hero { padding:3rem 0 4rem; }.secondary-page .service-hero h1 { font-size:clamp(2.5rem,8vw,3.5rem); }.secondary-page .service-hero .lede { font-size:1.07rem; }.solution-composition { min-height:31rem; }.work-platform { width:95%; left:1%; padding:1.1rem; }.platform-stages { gap:.4rem; }.platform-stages > span { padding:.7rem .5rem; font-size:.72rem; }.platform-stages small { font-size:.55rem; }.platform-title b { font-size:1.25rem; }.solution-badge { padding:.85rem; bottom:1rem; }.solution-badge b { font-size:.75rem; }.solution-sculpture { top:-2%; width:100%; }.personal-composition { min-height:29rem; }.personal-sculpture { width:110%; top:-4%; }.personal-find { padding:1rem; gap:.6rem; bottom:12%; }.personal-find b { font-size:1.03rem; }.personal-find small { font-size:.48rem; }.personal-tags { bottom:0; }.personal-tags span { font-size:.7rem; padding:.5rem .8rem; }.personal-halo { top:5%; }.composition-caption { bottom:-1.6rem; }.secondary-page .problem-band { grid-template-columns:1fr; gap:2rem; }.secondary-page .problem-list { padding:1rem 1.2rem; }.secondary-page .service-cards { grid-template-columns:1fr; gap:1.3rem; }.service-object { height:18rem; }.secondary-page .service-cards h3 { margin-inline:1.4rem; }.secondary-page .service-cards > article > p { margin-inline:1.4rem; }.secondary-page .plan-grid { grid-template-columns:1fr; gap:1rem; }.secondary-page .plan-grid article { padding:1.3rem 0; }.secondary-page .plan-grid b { margin-bottom:1rem; }.secondary-page .success-band { grid-template-columns:1fr; gap:2rem; padding:2rem 1.4rem; }.proof-links { grid-template-columns:1fr; gap:1.5rem; }.proof-links strong { font-size:2.7rem; }.service-proof { padding:2rem 1.4rem; }.proof-links span { max-width:20rem; }.secondary-page .cross-path { display:block; }.secondary-page .cross-path a { display:inline-block; margin-top:1rem; } nav.section-jumps { gap:1rem 1.3rem; flex-wrap:wrap; padding:1rem; }.section-jumps a { font-size:.78rem; }.about-page .about-new-hero { padding:3rem 0 4rem; }.about-page .about-new-layout { gap:3rem; }.about-page .about-new-layout h1 { font-size:clamp(2.7rem,8vw,3.5rem); }.about-page .about-new-layout .lede { font-size:1.07rem; }.about-portrait-composition { min-height:30rem; width:90%; }.portrait-detail { width:7rem; height:7rem; left:-4%; top:8%; }.portrait-detail > span { font-size:1.5rem; }.portrait-detail small { font-size:.5rem; }.portrait-sculpture { width:60%; left:-14%; }.about-page .about-photo { left:8%; right:0; }.about-page .photo-caption { padding:.7rem; }.about-page .photo-caption span { font-size:.58rem; }.about-page .trust-strip .home-shell { gap:1rem 1.5rem; }.about-page .trust-strip a { font-size:1rem; }.about-page .trust-strip span { text-align:center; }.about-page .about-problem-grid { grid-template-columns:1fr; }.about-page .about-problem-grid article { padding:2rem; min-height:0; }.about-page .leadership-layout,.about-page .experience-section { grid-template-columns:1fr; gap:2rem; }.about-page .career-visual { transform:none; padding:1.3rem; }.about-page .principle-grid { grid-template-columns:1fr; gap:1.5rem; }.about-page .leadership-copy { font-size:1.05rem; } }
.solution-sculpture,.personal-sculpture,.portrait-sculpture { height:auto; }
.about-page .portrait-sculpture { width:48%; left:-17%; bottom:6rem; }
@media(max-width:50rem) { .about-page .portrait-sculpture { width:48%; left:-13%; bottom:5rem; } }
/* Focus the career section on one clear next step. */
.career-capabilities { min-width:0; }
.career-capabilities h3 { margin:0 0 1rem; font-size:1.1rem; font-weight:550; color:#08285b; }
.career-capabilities ul { margin:0; }
/* Upright visual compositions throughout the site. */
.hero-system-card,.hero-float,.scene-medallion,.scene-sheet,.scene-chip,.scene-stamp,
.template-card,.scene-ribbon,.effort-blocks,.ai-orbit,.ai-satellite,.scene-spark,
.choice-ui,.personal-ui,.guide-photo,.guide-photo img,.guide-badge,.about-photo,
.about-photo img,.photo-caption,.portrait-detail,.portrait-sculpture,.career-visual,
.object-main,.object-tab,.work-platform,.solution-badge,.personal-find,.personal-tags,
.product-window,.premium-board,.workspace-preview,.ops-console,.life-console,
.ops-console:hover,.life-console:hover { transform:none!important; }
/* Every headshot uses the same square, rounded frame and sculptural accent. */
.headshot-composition,.about-page .about-portrait-composition { position:relative; width:100%; max-width:32rem; aspect-ratio:1; min-height:0; margin-inline:auto; isolation:isolate; }
.headshot-composition::before,.about-page .about-portrait-composition::before { content:""; position:absolute; inset:.8rem -.8rem -.8rem .8rem; background:linear-gradient(135deg,#c9dfff,#e8e0ff); border-radius:1.5rem; z-index:-1; }
.headshot-composition .guide-photo,.about-page .about-photo { position:absolute; inset:0; width:100%; height:100%; min-height:0; aspect-ratio:1; border:6px solid #fff; border-radius:1.4rem; overflow:hidden; box-shadow:0 18px 40px #173d7a1c; }
.headshot-composition .guide-photo img,.about-page .about-photo img { width:100%; height:100%; object-fit:cover; object-position:50% 46%; }
.headshot-accent,.about-page .portrait-sculpture { position:absolute; z-index:3; width:32%; height:auto; left:-1.2rem; bottom:6rem; pointer-events:none; }
.about-page .portrait-ring { display:none; }
.about-page .portrait-detail { top:1rem; left:-1rem; width:7rem; height:7rem; }
.headshot-composition .guide-badge,.about-page .photo-caption { z-index:4; }
@media(max-width:50rem) { .headshot-composition,.about-page .about-portrait-composition { width:calc(100% - 1rem); max-width:28rem; min-height:0; aspect-ratio:1; } .headshot-accent,.about-page .portrait-sculpture { width:30%; left:-.65rem; bottom:5.2rem; } .about-page .portrait-detail { width:6rem; height:6rem; left:-.5rem; top:.8rem; } }
.about-page .portrait-detail { width:8rem; height:8rem; padding:.8rem; }
.about-page .portrait-detail > span { font-size:1.5rem; }
.about-page .portrait-detail small { font-size:.53rem; line-height:1.35; }
@media(max-width:50rem) { .about-page .portrait-detail { width:6.5rem; height:6.5rem; padding:.65rem; } .about-page .portrait-detail > span { font-size:1.25rem; } .about-page .portrait-detail small { font-size:.46rem; } }
.network-ring { transform:none; }

/* Portrait compositions: a quiet frame, clear image, and sculptural signature. */
.headshot-composition,.about-page .about-portrait-composition { max-width:32rem; aspect-ratio:auto; padding:12px 12px 0; border:1px solid #dae4f4; border-radius:1.75rem; background:linear-gradient(145deg,#fff 55%,#eff0ff); box-shadow:0 25px 65px #1c3d7218; }
.headshot-composition::before,.about-page .about-portrait-composition::before { inset:1.2rem -1rem -1rem 1.2rem; border-radius:1.75rem; background:linear-gradient(145deg,#d8e9ff,#e6ddff); }
.headshot-composition .guide-photo,.about-page .about-photo { position:relative; inset:auto; width:100%; height:auto; aspect-ratio:1; min-height:0; border:0; border-radius:1.1rem; box-shadow:none; }
.headshot-composition .guide-photo img,.about-page .about-photo img { object-position:50% 46%; }
.headshot-composition .guide-photo::after { display:none; }
.headshot-composition .guide-badge,.about-page .photo-caption { position:relative; inset:auto; display:flex; flex-direction:column; justify-content:center; min-height:7.5rem; padding:1.2rem 7.5rem 1.3rem .7rem; border:0; border-radius:0; background:transparent; color:#13284a; backdrop-filter:none; }
.headshot-composition .guide-badge b,.about-page .photo-caption b { font-size:1.25rem; letter-spacing:-.03em; line-height:1.2; }
.headshot-composition .guide-badge span,.about-page .photo-caption span { margin-top:.4rem; font-size:.83rem; line-height:1.5; color:#52637e; }
.headshot-accent,.about-page .portrait-sculpture { left:auto; right:-1.2rem; bottom:-.6rem; width:9rem; height:auto; z-index:5; filter:drop-shadow(0 12px 10px #234ab528); }
.about-page .portrait-detail { top:1.6rem; left:1.6rem; width:auto; height:auto; max-width:calc(100% - 3.2rem); padding:.65rem .85rem; border:1px solid #fff9; border-radius:.75rem; text-align:left; background:#ffffffed; box-shadow:0 5px 18px #102b4b18; }
.about-page .portrait-detail > span { font-size:1.15rem; letter-spacing:-.04em; }
.about-page .portrait-detail small { font-size:.58rem; margin-top:.2rem; line-height:1.4; color:#4d617d; }
@media(max-width:50rem) {
.headshot-composition,.about-page .about-portrait-composition { width:calc(100% - 1rem); max-width:28rem; aspect-ratio:auto; padding:9px 9px 0; }
.headshot-composition .guide-badge,.about-page .photo-caption { min-height:7rem; padding:1.1rem 6rem 1.1rem .5rem; }
.headshot-composition .guide-badge b,.about-page .photo-caption b { font-size:1.12rem; }
.headshot-composition .guide-badge span,.about-page .photo-caption span { font-size:.75rem; }
.headshot-accent,.about-page .portrait-sculpture { width:7rem; left:auto; right:-.8rem; bottom:0; }
.about-page .portrait-detail { top:1.2rem; left:1.2rem; padding:.5rem .65rem; width:auto; height:auto; }
.about-page .portrait-detail > span { font-size:1rem; }
.about-page .portrait-detail small { font-size:.49rem; }
}

/* Simple portraits: no decorative frame or overlapping content. */
.portrait-simple { width:100%; max-width:31rem; margin:0 auto; padding:0; background:none; border:0; box-shadow:none; }
.portrait-simple > img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; object-position:50% 46%; border-radius:1.1rem; }
.portrait-simple figcaption { padding:1.1rem 0 0; text-align:left; }
.portrait-simple figcaption strong { display:block; color:#142948; font-size:1.15rem; line-height:1.35; font-weight:600; letter-spacing:-.02em; }
.portrait-simple figcaption span { display:block; margin-top:.25rem; color:#52637e; font-size:.95rem; line-height:1.5; }
@media(max-width:50rem) { .portrait-simple { max-width:28rem; } .portrait-simple figcaption { padding-top:.9rem; } .portrait-simple figcaption span { font-size:.9rem; } }