/* Personalmaschine: page-specific visual system */

body[data-current="personal"] .personal-hero {
  background:
    linear-gradient(118deg, rgba(1,13,24,.98) 0%, rgba(3,37,55,.98) 68%, rgba(4,54,70,.96) 100%);
}
body[data-current="personal"] .personal-hero::after {
  right: -9vw;
  bottom: -18vw;
  width: 44vw;
  height: 44vw;
  border: 0;
  background: linear-gradient(135deg, transparent 48%, rgba(32,201,210,.09) 48.2% 48.7%, transparent 49%);
  transform: rotate(-8deg);
}
body[data-current="personal"] .personal-hero .page-hero-grid { padding-block: clamp(62px, 6.2vw, 92px); }
body[data-current="personal"] .personal-hero-visual {
  overflow: visible;
  border-color: rgba(255,255,255,.23);
  background: #051d2c;
  box-shadow:
    0 36px 80px rgba(0,0,0,.36),
    0 0 0 9px rgba(255,255,255,.025),
    0 0 0 10px rgba(32,201,210,.11);
}
body[data-current="personal"] .personal-hero-visual::before {
  inset: 12px;
  border-color: rgba(255,255,255,.15);
}
body[data-current="personal"] .personal-hero-visual::after {
  position: absolute;
  z-index: -1;
  top: -22px;
  right: -22px;
  width: 112px;
  height: 112px;
  border-top: 2px solid var(--gold);
  border-right: 2px solid var(--gold);
  content: "";
}
body[data-current="personal"] .personal-hero-visual .page-visual-panel {
  right: 14px;
  bottom: 14px;
  left: 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-left: 3px solid var(--cyan);
  background: linear-gradient(110deg, rgba(1,16,28,.95), rgba(4,39,55,.88));
  box-shadow: 0 18px 38px rgba(0,0,0,.25);
}

body[data-current="personal"] .personal-trust {
  position: relative;
  z-index: 3;
  background: transparent;
}
body[data-current="personal"] .personal-trust .trust-bar-grid {
  margin-top: -1px;
  background: #fff;
  box-shadow: 0 24px 48px rgba(7,37,59,.10);
}
body[data-current="personal"] .personal-trust .trust-bar-grid div {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #fff 45%, #f5fafb 100%);
}
body[data-current="personal"] .personal-trust .trust-bar-grid div::after {
  position: absolute;
  right: -26px;
  bottom: -38px;
  width: 92px;
  height: 92px;
  border: 1px solid rgba(5,134,148,.10);
  content: "";
  transform: rotate(35deg);
}

body[data-current="personal"] .personal-reality {
  background:
    radial-gradient(circle at 15% 12%, rgba(32,201,210,.08), transparent 24%),
    linear-gradient(180deg, #fff 0%, #f7fafb 100%);
}
body[data-current="personal"] .reality-contrast {
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 26px 60px rgba(7,37,59,.09);
}
body[data-current="personal"] .reality-contrast article {
  padding-right: 42px;
  padding-left: 104px;
  border-bottom-color: var(--line);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease), background .35s var(--ease);
}
body[data-current="personal"] .reality-contrast article:first-child { background: linear-gradient(115deg, #fff, #f7f9fa); }
body[data-current="personal"] .reality-contrast article:last-child {
  color: var(--white);
  background: linear-gradient(120deg, #06283b, #0a4054);
}
body[data-current="personal"] .reality-contrast article:last-child small { color: var(--cyan); }
body[data-current="personal"] .reality-contrast article:last-child p { color: #bdd0d9; }
body[data-current="personal"] .reality-contrast article:hover {
  z-index: 1;
  transform: translateX(-8px);
  box-shadow: 18px 18px 42px rgba(7,37,59,.12);
}

body[data-current="personal"] .reach-stage {
  background:
    linear-gradient(122deg, rgba(1,15,27,.98), rgba(5,51,69,.98)),
    #031624;
}
body[data-current="personal"] .reach-stage::before {
  background:
    linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.032) 1px, transparent 1px),
    linear-gradient(135deg, transparent 58%, rgba(32,201,210,.08) 58.2% 58.6%, transparent 58.8%);
  background-size: 64px 64px, 64px 64px, auto;
}
body[data-current="personal"] .reach-signals span { transition: padding-left .3s var(--ease), color .3s ease; }
body[data-current="personal"] .reach-signals span:hover { padding-left: 10px; color: #fff; }
body[data-current="personal"] .reach-visual::before,
body[data-current="personal"] .reach-visual::after {
  border-radius: 0;
  transform: rotate(9deg);
}
body[data-current="personal"] .reach-visual::before {
  width: 460px;
  height: 460px;
  border: 1px solid rgba(32,201,210,.22);
  box-shadow: 0 0 0 44px rgba(32,201,210,.018);
}
body[data-current="personal"] .reach-visual::after {
  width: 344px;
  height: 344px;
  border-color: rgba(216,177,81,.18);
  transform: rotate(-7deg);
}
body[data-current="personal"] .reach-phone {
  border-color: rgba(255,255,255,.55);
  box-shadow:
    0 48px 95px rgba(0,0,0,.46),
    -18px 20px 42px rgba(32,201,210,.09),
    inset 0 0 0 4px #091e2e;
  transform: rotate(2deg);
  transition: transform .55s var(--ease), box-shadow .55s var(--ease);
}
body[data-current="personal"] .reach-visual:hover .reach-phone {
  box-shadow: 0 54px 110px rgba(0,0,0,.5), -18px 20px 54px rgba(32,201,210,.14), inset 0 0 0 4px #091e2e;
  transform: rotate(0deg) translateY(-5px);
}
body[data-current="personal"] .reach-chip {
  border-color: rgba(32,201,210,.25);
  border-left: 2px solid var(--cyan);
  background: rgba(2,24,38,.88);
  box-shadow: 0 18px 38px rgba(0,0,0,.28);
}

body[data-current="personal"] #system {
  background:
    radial-gradient(circle at 83% 14%, rgba(32,201,210,.10), transparent 23%),
    var(--paper);
}
body[data-current="personal"] .personal-machine {
  border-top: 0;
  border: 1px solid rgba(32,201,210,.30);
  background: linear-gradient(130deg, #010e1a 0%, #052f45 72%, #083b4d 100%);
  box-shadow: 0 34px 80px rgba(7,37,59,.24);
}
body[data-current="personal"] .personal-machine::after {
  right: -18%;
  bottom: -45%;
  width: 54%;
  height: 110%;
  border: 1px solid rgba(32,201,210,.16);
  border-radius: 0;
  box-shadow: 0 0 0 60px rgba(32,201,210,.018), 0 0 0 120px rgba(32,201,210,.012);
  transform: rotate(27deg);
}
body[data-current="personal"] .personal-machine .machine-header {
  margin-bottom: 44px;
  border-bottom-color: rgba(255,255,255,.15);
}
body[data-current="personal"] .personal-machine .machine-flow { gap: 1px; background: rgba(255,255,255,.13); }
body[data-current="personal"] .personal-machine .machine-flow::before {
  right: 7%;
  left: 7%;
  height: 2px;
  opacity: .9;
  box-shadow: 0 0 16px rgba(32,201,210,.35);
}
body[data-current="personal"] .personal-machine .machine-flow div,
body[data-current="personal"] .personal-machine .machine-flow div:last-child {
  min-height: 230px;
  border: 0;
  background: linear-gradient(155deg, rgba(255,255,255,.055), rgba(255,255,255,.012));
  transition: background .35s ease, transform .35s var(--ease);
}
body[data-current="personal"] .personal-machine .machine-flow div:hover {
  z-index: 2;
  background: linear-gradient(155deg, rgba(32,201,210,.15), rgba(255,255,255,.025));
  transform: translateY(-7px);
}
body[data-current="personal"] .personal-machine .machine-flow small {
  width: 34px;
  height: 34px;
  border: 4px solid #052d43;
  box-shadow: 0 0 0 1px rgba(255,226,154,.65), 0 7px 18px rgba(0,0,0,.3);
}
body[data-current="personal"] .personal-machine .machine-flow strong { font-size: 1.02rem; }
body[data-current="personal"] .personal-machine .machine-flow p { color: #bdd0d9; }

body[data-current="personal"] .personal-delivery {
  background:
    linear-gradient(90deg, rgba(32,201,210,.045) 0 1px, transparent 1px) 0 0/64px 64px,
    #fff;
}
body[data-current="personal"] .delivery-list article {
  position: relative;
  padding-inline: 0 24px;
  transition: padding-left .35s var(--ease), background .35s ease, box-shadow .35s ease;
}
body[data-current="personal"] .delivery-list article::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--cyan), var(--gold), transparent 70%);
  content: "";
  opacity: 0;
  transform: scaleX(.25);
  transform-origin: left;
  transition: opacity .35s ease, transform .35s var(--ease);
}
body[data-current="personal"] .delivery-list article:hover {
  padding-left: 18px;
  background: linear-gradient(90deg, rgba(32,201,210,.07), transparent 82%);
}
body[data-current="personal"] .delivery-list article:hover::after { opacity: 1; transform: scaleX(1); }
body[data-current="personal"] .delivery-list article > span {
  border: 1px solid rgba(7,37,59,.12);
  box-shadow: 6px 6px 0 rgba(7,37,59,.07);
}

body[data-current="personal"] .guarantee-section {
  background:
    linear-gradient(rgba(255,255,255,.027) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.027) 1px, transparent 1px),
    linear-gradient(120deg, #010f1c, #07364d);
  background-size: 64px 64px, 64px 64px, auto;
}
body[data-current="personal"] .guarantee-grid { gap: 16px; border: 0; }
body[data-current="personal"] .guarantee-card {
  position: relative;
  min-height: 370px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018));
  box-shadow: 0 24px 48px rgba(0,0,0,.17);
  transition: transform .4s var(--ease), border-color .4s ease, background .4s ease;
}
body[data-current="personal"] .guarantee-card::after {
  position: absolute;
  top: -48px;
  right: -54px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(216,177,81,.20);
  content: "";
  transform: rotate(35deg);
}
body[data-current="personal"] .guarantee-card:hover {
  border-color: rgba(32,201,210,.42);
  background: linear-gradient(145deg, rgba(32,201,210,.12), rgba(255,255,255,.025));
  transform: translateY(-8px);
}
body[data-current="personal"] .guarantee-card > span {
  box-shadow: 7px 7px 0 rgba(255,255,255,.08);
}

body[data-current="personal"] .case-section {
  background:
    radial-gradient(circle at 11% 18%, rgba(216,177,81,.09), transparent 24%),
    var(--paper);
}
body[data-current="personal"] .personal-case {
  position: relative;
  overflow: visible;
  border: 1px solid rgba(7,37,59,.10);
  box-shadow: 0 36px 86px rgba(7,37,59,.16);
}
body[data-current="personal"] .personal-case::before {
  position: absolute;
  z-index: 3;
  top: -13px;
  right: 34px;
  width: 92px;
  height: 4px;
  background: linear-gradient(90deg, var(--cyan), var(--gold));
  content: "";
}
body[data-current="personal"] .personal-case .case-copy { background: linear-gradient(145deg, #fff, #f7fafb); }
body[data-current="personal"] .personal-case .case-metrics { background: rgba(247,250,251,.72); }

body[data-current="personal"] .personal-expert {
  padding-block: var(--space-section);
  background:
    linear-gradient(rgba(7,37,59,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7,37,59,.04) 1px, transparent 1px),
    linear-gradient(135deg, #fff 0%, #edf6f8 100%);
  background-size: 64px 64px, 64px 64px, auto;
}
body[data-current="personal"] .personal-expert::before { display: none; }
body[data-current="personal"] .expert-copy { padding-bottom: 0; }
body[data-current="personal"] .expert-portrait {
  min-height: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border: 1px solid rgba(7,37,59,.13);
  background: #dcebed;
  box-shadow: 0 30px 70px rgba(7,37,59,.18), 14px 14px 0 rgba(32,201,210,.08);
}
body[data-current="personal"] .expert-portrait::before {
  inset: 16px;
  right: 16px;
  bottom: 16px;
  aspect-ratio: auto;
  border: 1px solid rgba(255,255,255,.52);
  border-radius: 0;
  box-shadow: none;
}
body[data-current="personal"] .expert-portrait img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center 32%;
}
body[data-current="personal"] .expert-portrait figcaption {
  right: 16px;
  bottom: 16px;
  left: 16px;
  border: 1px solid rgba(255,255,255,.14);
  border-left: 3px solid var(--cyan);
  background: linear-gradient(110deg, rgba(1,16,28,.94), rgba(4,42,57,.88));
  box-shadow: 0 16px 36px rgba(0,0,0,.26);
}

body[data-current="personal"] .branch-cube-section {
  border-top: 1px solid rgba(7,37,59,.08);
  background:
    radial-gradient(circle at 78% 16%, rgba(32,201,210,.10), transparent 23%),
    linear-gradient(180deg, #f7fbfc, #eef5f7);
}
body[data-current="personal"] .branch-index-link {
  box-shadow: 0 18px 38px rgba(7,37,59,.07);
  transition: transform .35s var(--ease), box-shadow .35s ease, border-color .35s ease;
}
body[data-current="personal"] .branch-index-link:hover,
body[data-current="personal"] .branch-index-link:focus-visible {
  box-shadow: 0 26px 56px rgba(7,37,59,.13);
  transform: translateY(-6px);
}

body[data-current="personal"] .faq-section-personal {
  background: linear-gradient(180deg, #fff, #f5f9fa);
}
body[data-current="personal"] .faq-section-personal .faq {
  border-top: 1px solid var(--ink-900);
  background: rgba(255,255,255,.76);
  box-shadow: 0 22px 54px rgba(7,37,59,.08);
}
body[data-current="personal"] .faq-section-personal .faq details { padding-inline: 24px; }
body[data-current="personal"] .faq-section-personal .faq details[open] { background: linear-gradient(90deg, rgba(32,201,210,.07), transparent 88%); }
body[data-current="personal"] .faq-section-personal .faq summary::after {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid var(--line);
  background: #fff;
  font-size: 1rem;
}
body[data-current="personal"] .personal-final {
  background:
    linear-gradient(125deg, rgba(1,15,27,.98), rgba(6,56,73,.98)),
    var(--ink-1000);
}
body[data-current="personal"] .compact-handoff { border-top: 4px solid var(--gold); }
/* Inhalte bleiben auch bei Direkteinstiegen und Sprunglinks sofort sichtbar. */
body[data-current="personal"] .reveal { opacity: 1; transform: none; }

@media (max-width: 1120px) {
  body[data-current="personal"] .personal-hero-visual { width: min(100%, 760px); }
  body[data-current="personal"] .expert-portrait { width: min(100%, 640px); justify-self: center; aspect-ratio: 1 / 1; }
  body[data-current="personal"] .expert-layout { align-items: center; }
}

@media (max-width: 820px) {
  body[data-current="personal"] .personal-expert { padding-bottom: 0; }
  body[data-current="personal"] .expert-portrait { width: 100%; max-width: none; aspect-ratio: 1.08 / 1; box-shadow: 0 24px 54px rgba(7,37,59,.16); }
  body[data-current="personal"] .expert-portrait img { object-position: center 30%; }
}

@media (max-width: 760px) {
  body[data-current="personal"] .personal-hero .page-hero-grid { padding-block: 42px 56px; }
  body[data-current="personal"] .personal-hero-visual { overflow: hidden; box-shadow: 0 24px 54px rgba(0,0,0,.3), 0 0 0 6px rgba(255,255,255,.025); }
  body[data-current="personal"] .personal-hero-visual::after { display: none; }
  body[data-current="personal"] .personal-hero-visual,
  body[data-current="personal"] .personal-hero-visual img { min-height: 0; }
  body[data-current="personal"] .personal-hero-visual img { aspect-ratio: 1 / 1; object-fit: cover; object-position: center; }
  body[data-current="personal"] .personal-hero-visual .page-visual-panel { right: 10px; bottom: 10px; left: 10px; }
  body[data-current="personal"] .reality-contrast article { padding-right: 22px; padding-left: 72px; }
  body[data-current="personal"] .reality-contrast article:hover { transform: none; box-shadow: none; }
  body[data-current="personal"] .reach-visual::before { width: 340px; height: 340px; box-shadow: 0 0 0 30px rgba(32,201,210,.018); }
  body[data-current="personal"] .reach-visual::after { width: 252px; height: 252px; }
  body[data-current="personal"] .reach-phone { transform: rotate(1.5deg); }
  body[data-current="personal"] .delivery-list article,
  body[data-current="personal"] .delivery-list article:hover { padding-right: 0; padding-left: 0; background: transparent; }
  body[data-current="personal"] .guarantee-grid { gap: 12px; }
  body[data-current="personal"] .guarantee-card { min-height: 250px; }
  body[data-current="personal"] .guarantee-card:hover { transform: none; }
  body[data-current="personal"] .personal-case::before { right: 20px; }
  body[data-current="personal"] .faq-section-personal .faq details { padding-inline: 17px; }
}

@media (max-width: 430px) {
  body[data-current="personal"] .personal-trust .trust-bar-grid { gap: 8px; padding-block: 8px; background: transparent; box-shadow: none; }
  body[data-current="personal"] .personal-trust .trust-bar-grid div,
  body[data-current="personal"] .personal-trust .trust-bar-grid div:first-child {
    min-height: 76px;
    border: 1px solid var(--line);
    box-shadow: 0 9px 22px rgba(7,37,59,.06);
  }
  body[data-current="personal"] .reality-contrast { box-shadow: 0 18px 42px rgba(7,37,59,.08); }
  body[data-current="personal"] .reality-contrast article { padding: 24px 18px 24px 66px; }
  body[data-current="personal"] .reality-contrast article::before { left: 14px; }
  body[data-current="personal"] .reach-visual { min-height: 430px; }
  body[data-current="personal"] .reach-visual::before { width: 300px; height: 300px; }
  body[data-current="personal"] .reach-visual::after { width: 222px; height: 222px; }
  body[data-current="personal"] .reach-chip-one { left: 1px; }
  body[data-current="personal"] .reach-chip-two { right: 0; }
  body[data-current="personal"] .reach-chip-three { left: 1px; }
  body[data-current="personal"] .personal-machine { padding: 24px 18px; }
  body[data-current="personal"] .personal-machine .machine-header { display: grid; gap: 8px; margin-bottom: 26px; }
  body[data-current="personal"] .personal-machine .machine-flow {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    padding-left: 0;
    background: transparent;
  }
  body[data-current="personal"] .personal-machine .machine-flow::before {
    top: 18px;
    right: auto;
    bottom: 18px;
    left: 17px;
    width: 2px;
    height: auto;
    background: linear-gradient(var(--cyan), var(--gold));
  }
  body[data-current="personal"] .personal-machine .machine-flow div,
  body[data-current="personal"] .personal-machine .machine-flow div:last-child {
    min-height: 0;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 14px;
    padding: 20px 0;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.12);
    background: transparent;
  }
  body[data-current="personal"] .personal-machine .machine-flow div:last-child { border-bottom: 0; }
  body[data-current="personal"] .personal-machine .machine-flow div:hover { transform: none; background: transparent; }
  body[data-current="personal"] .personal-machine .machine-flow small { grid-row: 1 / 3; margin-top: 1px; }
  body[data-current="personal"] .personal-machine .machine-flow strong { margin-top: 0; font-size: 1rem; }
  body[data-current="personal"] .personal-machine .machine-flow p { margin-top: 7px; padding-right: 2px; font-size: .76rem; line-height: 1.58; }
  body[data-current="personal"] .expert-portrait { aspect-ratio: 1 / 1.06; margin-top: 12px; }
  body[data-current="personal"] .expert-portrait img { object-position: center 27%; }
  body[data-current="personal"] .expert-portrait figcaption { right: 10px; bottom: 10px; left: 10px; }
  body[data-current="personal"] .branch-index-link:hover,
  body[data-current="personal"] .branch-index-link:focus-visible { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-current="personal"] .reality-contrast article,
  body[data-current="personal"] .reach-phone,
  body[data-current="personal"] .personal-machine .machine-flow div,
  body[data-current="personal"] .delivery-list article,
  body[data-current="personal"] .guarantee-card,
  body[data-current="personal"] .branch-index-link { transition: none; }
}

/* Final art direction: editorial clarity, generous type and restrained depth. */
body[data-current="personal"] .reach-visual { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); justify-items: center; align-content: center; gap: 10px; }
body[data-current="personal"] .reach-phone { grid-column: 1 / -1; margin: 12px auto 24px; }
body[data-current="personal"] .reach-chip { position: static; width: fit-content; text-align: center; }
body[data-current="personal"] .reach-chip-three { grid-column: 1 / -1; }
body[data-current="personal"] { --space-section: clamp(76px, 7vw, 112px); }
body[data-current="personal"] main :is(h1,h2,h3) { text-wrap: balance; }
body[data-current="personal"] main :is(p,li) { overflow-wrap: normal; word-break: normal; }
body[data-current="personal"] .personal-hero::after { display: none; }
body[data-current="personal"] .personal-hero::before { opacity: .45; }
body[data-current="personal"] .personal-hero .page-hero-grid { gap: clamp(40px,5vw,80px); }
body[data-current="personal"] .personal-hero h1 { line-height: 1.07; letter-spacing: -.045em; }
body[data-current="personal"] .hero-checks li { font-size: .875rem; }
body[data-current="personal"] .personal-hero-visual {
  padding: 0; background: transparent; border: 0; box-shadow: 0 24px 64px #0004;
}
body[data-current="personal"] .personal-hero-visual::before,
body[data-current="personal"] .personal-hero-visual::after { display: none; }
body[data-current="personal"] .personal-hero-visual img { box-shadow: none; transform: none; }
body[data-current="personal"] .personal-hero-visual .page-visual-panel {
  inset: auto; margin: 0; padding: 22px 24px; border: 0; border-top: 3px solid var(--cyan);
  background: #082b3d; box-shadow: none;
}
body[data-current="personal"] .personal-hero-visual .page-visual-panel > span:last-child { font-size: .875rem; color: #c3d5de; }
body[data-current="personal"] .visual-status { font-size: .75rem !important; letter-spacing: .07em; }
body[data-current="personal"] .visual-status i { box-shadow: none; }

/* Explicit light-surface tokens prevent the old mobile white-on-white cascade. */
body[data-current="personal"] .personal-trust {
  color: #07253b; background: #fff; border: 0; border-bottom: 1px solid #d6e2e6;
  overflow: visible; box-shadow: none;
}
body[data-current="personal"] .personal-trust .trust-bar-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin-top: 0;
  padding-block: 0; color: #07253b; background: #fff; box-shadow: none;
}
body[data-current="personal"] .personal-trust .trust-bar-grid div,
body[data-current="personal"] .personal-trust .trust-bar-grid div:first-child,
body[data-current="personal"] .personal-trust .trust-bar-grid div:last-child {
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  grid-column: auto; gap: 9px; min-height: 152px; padding: 28px 32px;
  border: 0; border-right: 1px solid #d6e2e6; background: #fff; box-shadow: none;
}
body[data-current="personal"] .personal-trust .trust-bar-grid div:last-child { border-right: 0; }
body[data-current="personal"] .personal-trust .trust-bar-grid div::before,
body[data-current="personal"] .personal-trust .trust-bar-grid div::after { display: none; }
body[data-current="personal"] .personal-trust .trust-bar-grid strong {
  margin: 0; color: #07253b; font-size: clamp(1.8rem,3vw,2.65rem); line-height: 1.1; font-weight: 800;
}
body[data-current="personal"] .personal-trust .trust-bar-grid span {
  margin: 0; color: #4c6475; font-size: .875rem; line-height: 1.45;
}
body[data-current="personal"] .reality-layout { gap: clamp(40px,6vw,88px); }
body[data-current="personal"] .reality-intro h2 { font-size: clamp(2rem,3.25vw,3.25rem); line-height: 1.12; }
body[data-current="personal"] .reality-contrast article { padding: 32px 28px 32px 90px; }
body[data-current="personal"] .reality-contrast article::before { left: 22px; width: 44px; height: 44px; }
body[data-current="personal"] .reality-contrast p { font-size: 1rem; }
body[data-current="personal"] .reality-contrast small { font-size: .75rem; }
body[data-current="personal"] .reach-stage::before { opacity: .45; }
body[data-current="personal"] .reach-grid { gap: clamp(44px,6vw,88px); }
body[data-current="personal"] .reach-visual::before,
body[data-current="personal"] .reach-visual::after { display: none; }
body[data-current="personal"] .reach-signals span { font-size: 1rem; padding-block: 12px; }
body[data-current="personal"] .reach-signals b { font-size: .8125rem; }
body[data-current="personal"] .reach-chip { font-size: .8125rem; padding: 12px 16px; }
body[data-current="personal"] .reach-ad::after { font-size: .625rem; }
body[data-current="personal"] .reach-ad small { font-size: .75rem; }
body[data-current="personal"] .reach-ad p { font-size: .875rem; }
body[data-current="personal"] .reach-button { font-size: .8125rem; }
body[data-current="personal"] .reach-ad { padding-top: 225px; }
body[data-current="personal"] .reach-phone { min-height: 0; }

/* One continuous process on desktop; a legible numbered rail on smaller screens. */
body[data-current="personal"] .personal-machine { padding: 38px; background: #06283a; }
body[data-current="personal"] .personal-machine::before,
body[data-current="personal"] .personal-machine::after { display: none; }
body[data-current="personal"] .personal-machine .machine-header { margin-bottom: 30px; }
body[data-current="personal"] .personal-machine .machine-header :is(span,b) { font-size: .8125rem; letter-spacing: .07em; }
body[data-current="personal"] .personal-machine .machine-flow { gap: 24px; background: transparent; }
body[data-current="personal"] .personal-machine .machine-flow::before {
  display: block; left: 20px; right: 20px; top: 21px; height: 1px; box-shadow: none;
}
body[data-current="personal"] .personal-machine .machine-flow div,
body[data-current="personal"] .personal-machine .machine-flow div:last-child {
  min-height: 0; padding: 0; border: 0; background: transparent;
}
body[data-current="personal"] .personal-machine .machine-flow div:hover { transform: none; background: transparent; }
body[data-current="personal"] .personal-machine .machine-flow small { width: 42px; height: 42px; font-size: .8125rem; border: 5px solid #06283a; box-shadow: 0 0 0 1px #7f976f; }
body[data-current="personal"] .personal-machine .machine-flow strong { margin-top: 28px; font-size: 1.0625rem; line-height: 1.35; }
body[data-current="personal"] .personal-machine .machine-flow p { color: #c5d7df; font-size: 1rem; line-height: 1.6; }
body[data-current="personal"] .personal-delivery { background: #fff; }
body[data-current="personal"] .delivery-layout { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 64px; }
body[data-current="personal"] .delivery-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; border: 0; }
body[data-current="personal"] .delivery-list article {
  display: flex; flex-direction: column; gap: 26px; padding: 28px; border: 1px solid #dbe5e9;
  background: #f5f9fa; box-shadow: 0 8px 20px #07253b06;
}
body[data-current="personal"] .delivery-list article:nth-child(2),
body[data-current="personal"] .delivery-list article:nth-child(3) { background: #fff; }
body[data-current="personal"] .delivery-list article:hover { padding-left: 28px; background: #edf7f7; }
body[data-current="personal"] .delivery-list h3 { font-size: 1.1875rem; line-height: 1.3; }
body[data-current="personal"] .delivery-list p { font-size: 1rem; }

/* Guarantees are calm, bright editorial panels rather than another dark card wall. */
body[data-current="personal"] .guarantee-section { color: #07253b; background: #edf5f6; }
body[data-current="personal"] .guarantee-section .eyebrow { color: #057480; }
body[data-current="personal"] .guarantee-section h2 { color: #07253b; }
body[data-current="personal"] .guarantee-section .section-head > p { color: #4c6475; }
body[data-current="personal"] .guarantee-grid { gap: 0; border-top: 1px solid #b7cbd2; }
body[data-current="personal"] .guarantee-card {
  min-height: 0; display: flex; flex-direction: column; gap: 36px; padding: 36px 28px;
  border: 0; border-right: 1px solid #c7d8de; background: transparent; box-shadow: none;
}
body[data-current="personal"] .guarantee-card:last-child { border-right: 0; }
body[data-current="personal"] .guarantee-card::after { display: none; }
body[data-current="personal"] .guarantee-card:hover { transform: none; border-color: #c7d8de; background: #ffffff80; }
body[data-current="personal"] .guarantee-card > span {
  display: block; width: auto; height: auto; color: #16818b; font-size: 3.75rem;
  font-weight: 500; line-height: 1; letter-spacing: -.065em; background: transparent; box-shadow: none;
}
body[data-current="personal"] .guarantee-card small { color: #057480; font-size: .8125rem; }
body[data-current="personal"] .guarantee-card > div { align-self: auto; }
body[data-current="personal"] .guarantee-card h3 { color: #07253b; font-size: 1.5rem; line-height: 1.25; }
body[data-current="personal"] .guarantee-card p { color: #4c6475; font-size: 1rem; }
body[data-current="personal"] .personal-case { box-shadow: 0 20px 55px #07253b12; }
body[data-current="personal"] .personal-case .case-media { align-self: start; min-height: 0; }
body[data-current="personal"] .personal-case .case-media img { height: auto; aspect-ratio: 1; object-fit: contain; transform: none; }
body[data-current="personal"] .personal-case .case-media::after { display: none; }
body[data-current="personal"] .personal-case .case-copy { padding: clamp(28px,3.4vw,48px); }
body[data-current="personal"] .personal-case h2 { font-size: clamp(1.75rem,2.8vw,2.75rem); line-height: 1.15; }
body[data-current="personal"] .case-metrics strong { color: #07253b; font-size: clamp(1.375rem,2.1vw,2rem); }
body[data-current="personal"] .case-metrics span { color: #4c6475; font-size: .8125rem; }
body[data-current="personal"] .personal-expert { background: #fff; }
body[data-current="personal"] .expert-layout { align-items: center; gap: 64px; }
body[data-current="personal"] .expert-portrait { aspect-ratio: auto; margin: 0; overflow: visible; border: 0; background: #f1f6f7; box-shadow: 16px 16px 0 #e5f1f2; }
body[data-current="personal"] .expert-portrait img { position: static; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; transform: none; }
body[data-current="personal"] .expert-portrait figcaption { position: static; padding: 22px; border: 0; box-shadow: none; background: #082c3e; }
body[data-current="personal"] .expert-portrait figcaption strong { font-size: 1.125rem; }
body[data-current="personal"] .expert-portrait figcaption span { color: #cadce4; font-size: .875rem; }
body[data-current="personal"] .expert-proof small { color: #4c6475; font-size: .8125rem; }
body[data-current="personal"] .text-link { font-size: .875rem; line-height: 1.6; }
body[data-current="personal"] .branch-cube-section { background: #f3f8f9; }
body[data-current="personal"] .branch-index-link { box-shadow: none; }
body[data-current="personal"] .branch-index-link > span { color: #4c6475; font-size: .75rem; letter-spacing: .05em; }
body[data-current="personal"] .branch-index-link p { font-size: 1rem; }
body[data-current="personal"] .branch-index-link > b { font-size: .8125rem; letter-spacing: .025em; }
body[data-current="personal"] .faq-section-personal .faq summary { font-size: 1rem; line-height: 1.55; }
body[data-current="personal"] .faq-section-personal .faq details p { font-size: 1rem; color: #4c6475; }
body[data-current="personal"] .faq-section-personal .faq summary::after { min-width: 32px; }

@media (min-width: 901px) and (max-width: 1180px) {
  body[data-current="personal"] .personal-machine .machine-flow { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 18px; }
  body[data-current="personal"] .personal-machine { padding: 28px; }
  body[data-current="personal"] .delivery-layout { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  body[data-current="personal"] .delivery-layout { grid-template-columns: 1fr; gap: 36px; }
  body[data-current="personal"] .personal-machine { padding: 28px; }
  body[data-current="personal"] .personal-machine .machine-header { display: grid; gap: 10px; }
  body[data-current="personal"] .personal-machine .machine-flow { grid-template-columns: 1fr; gap: 0; }
  body[data-current="personal"] .personal-machine .machine-flow::before { top: 20px; bottom: 32px; left: 20px; right: auto; width: 1px; height: auto; background: linear-gradient(var(--cyan),var(--gold)); }
  body[data-current="personal"] .personal-machine .machine-flow div,
  body[data-current="personal"] .personal-machine .machine-flow div:last-child { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 0 24px; padding: 20px 0; }
  body[data-current="personal"] .personal-machine .machine-flow small { grid-row: 1 / 3; }
  body[data-current="personal"] .personal-machine .machine-flow strong { grid-column: 2; margin: 0; }
  body[data-current="personal"] .personal-machine .machine-flow p { grid-column: 2; margin-top: 8px; }
  body[data-current="personal"] .personal-machine .machine-flow div:not(:last-child)::after { left: 66px; }
  body[data-current="personal"] .expert-layout { grid-template-columns: 1fr; gap: 36px; }
  body[data-current="personal"] .expert-portrait { max-width: 560px; justify-self: center; }
}
@media (max-width: 760px) {
  body[data-current="personal"] { --space-section: 64px; }
  body[data-current="personal"] .personal-hero-visual { box-shadow: 0 16px 32px #0003; }
  body[data-current="personal"] .personal-hero-visual .page-visual-panel { inset: auto; padding: 18px; }
  body[data-current="personal"] .personal-trust .trust-bar-grid { grid-template-columns: 1fr 1fr; }
  body[data-current="personal"] .personal-trust .trust-bar-grid div,
  body[data-current="personal"] .personal-trust .trust-bar-grid div:first-child { min-height: 130px; padding: 24px 16px; gap: 8px; }
  body[data-current="personal"] .personal-trust .trust-bar-grid div:nth-child(2) { border: 0; }
  body[data-current="personal"] .personal-trust .trust-bar-grid div:last-child {
    grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: flex-start;
    min-height: 100px; gap: 20px; border-top: 1px solid #d6e2e6;
  }
  body[data-current="personal"] .personal-trust .trust-bar-grid strong { font-size: 2rem; white-space: nowrap; }
  body[data-current="personal"] .personal-trust .trust-bar-grid div:last-child strong { font-size: 1.5rem; }
  body[data-current="personal"] .personal-trust .trust-bar-grid span { font-size: .875rem; }
  body[data-current="personal"] .reality-intro h2 { font-size: clamp(1.8rem,7.5vw,2.4rem); }
  body[data-current="personal"] .reality-contrast article { padding: 26px 22px; }
  body[data-current="personal"] .reality-contrast article::before { display: none; }
  body[data-current="personal"] .reality-contrast strong { font-size: 1.25rem; }
  body[data-current="personal"] .reach-chip { font-size: .75rem; padding: 8px 10px; }
  body[data-current="personal"] .reach-visual { min-height: 565px; }
  body[data-current="personal"] .reach-phone { width: 260px; max-width: calc(100% - 46px); }
  body[data-current="personal"] .reach-ad { padding: 185px 22px 24px; }
  body[data-current="personal"] .reach-chip-one { top: 8%; }
  body[data-current="personal"] .reach-chip-two { top: 51%; }
  body[data-current="personal"] .reach-chip-three { bottom: 3%; }
  body[data-current="personal"] .delivery-list { gap: 12px; }
  body[data-current="personal"] .delivery-list article { padding: 22px; }
  body[data-current="personal"] .delivery-list article:hover { padding-left: 22px; }
  body[data-current="personal"] .guarantee-grid { grid-template-columns: 1fr; }
  body[data-current="personal"] .guarantee-card { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 24px; padding: 28px 0; border: 0; border-bottom: 1px solid #c7d8de; }
  body[data-current="personal"] .guarantee-card > span { font-size: 2.75rem; }
  body[data-current="personal"] .guarantee-card h3 { font-size: 1.375rem; }
  body[data-current="personal"] .guarantee-card small { letter-spacing: .06em; }
  body[data-current="personal"] .personal-case .case-copy { padding: 28px 22px; }
  body[data-current="personal"] .case-metrics div { padding: 18px 8px; }
  body[data-current="personal"] .case-metrics div + div { padding-left: 10px; }
  body[data-current="personal"] .case-metrics strong { font-size: 1.25rem; }
  body[data-current="personal"] .case-metrics span { font-size: .75rem; }
  body[data-current="personal"] .personal-expert { padding-block: 64px; }
  body[data-current="personal"] .expert-portrait { width: calc(100% - 10px); margin-top: 0; box-shadow: 10px 10px 0 #e5f1f2; }
  body[data-current="personal"] .expert-portrait figcaption { padding: 20px; }
  body[data-current="personal"] .branch-index-link { padding: 24px; min-height: 0; }
  body[data-current="personal"] .branch-index-link p { margin-bottom: 8px; }
  body[data-current="personal"] .personal-final h2 { font-size: clamp(1.9rem,7.8vw,2.5rem); }
}
@media (max-width: 540px) {
  body[data-current="personal"] .delivery-list { grid-template-columns: 1fr; }
  body[data-current="personal"] .delivery-list article { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 20px; }
  body[data-current="personal"] .personal-machine { padding: 24px 20px; }
  body[data-current="personal"] .personal-machine .machine-flow div,
  body[data-current="personal"] .personal-machine .machine-flow div:last-child { column-gap: 16px; }
  body[data-current="personal"] .personal-trust .trust-bar-grid div:last-child { display: block; }
  body[data-current="personal"] .personal-trust .trust-bar-grid div:last-child strong { display: block; margin-bottom: 10px; }
}
@media (hover:none) {
  body[data-current="personal"] .delivery-list article:hover { padding-left: 22px; }
  body[data-current="personal"] .reality-contrast article:hover { transform: none; }
  body[data-current="personal"] .reach-visual:hover .reach-phone { transform: rotate(2deg); }
}
@media (min-width: 960px) and (max-width: 1199px) {
  body[data-current="personal"] .personal-hero .page-hero-grid { grid-template-columns: 1.05fr .95fr; gap: 36px; align-items: center; }
  body[data-current="personal"] .personal-hero h1 { font-size: 42px; }
  body[data-current="personal"] .personal-hero .lead { font-size: 16px; }
}
@media (min-width: 541px) and (max-width: 959px) {
  body[data-current="personal"] .personal-hero-visual { max-width: 540px; justify-self: center; width: 100%; }
}