:root {
        --ink: #111512;
        --paper: #f7f6f1;
        --muted: #657067;
        --line: rgba(17, 21, 18, 0.14);
        --green: #0f8b6e;
        --green-dark: #075342;
        --gold: #c99a2e;
        --coral: #d5543f;
        --blue: #2f6f9f;
        --black: #101312;
        --white: #ffffff;
      }

      * {
        box-sizing: border-box;
        letter-spacing: 0;
      }

      html {
        min-height: 100%;
        background: var(--paper);
      }

      body {
        min-height: 100%;
        margin: 0;
        color: var(--ink);
        background:
          radial-gradient(ellipse at 24% 4%, rgba(239, 227, 194, 0.78), transparent 32%),
          linear-gradient(120deg, rgba(15, 139, 110, 0.13), transparent 34%),
          linear-gradient(300deg, rgba(213, 84, 63, 0.12), transparent 40%),
          linear-gradient(180deg, #fbfaf5 0%, #eef4ef 48%, #f7f6f1 100%);
        font-family:
          Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial,
          sans-serif;
      }

      a {
        color: inherit;
        text-decoration: none;
      }

      button,
      a {
        -webkit-tap-highlight-color: transparent;
      }

      svg {
        display: block;
      }

      .card-page {
        position: relative;
        isolation: isolate;
        min-height: 100vh;
        overflow: hidden;
        padding: 18px 16px 34px;
      }

      .card-page::before {
        position: fixed;
        inset: 0;
        z-index: -3;
        content: "";
        background-image:
          linear-gradient(rgba(17, 21, 18, 0.045) 1px, transparent 1px),
          linear-gradient(90deg, rgba(17, 21, 18, 0.045) 1px, transparent 1px);
        background-size: 44px 44px;
        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.66), transparent 88%);
      }

      .animated-field {
        position: fixed;
        inset: -30% -20%;
        z-index: -2;
        background:
          conic-gradient(
            from 120deg,
            transparent 0deg,
            rgba(15, 139, 110, 0.2) 60deg,
            transparent 118deg,
            rgba(201, 154, 46, 0.18) 192deg,
            transparent 260deg,
            rgba(47, 111, 159, 0.16) 320deg,
            transparent 360deg
          );
        filter: blur(22px);
        opacity: 0.75;
        animation: fieldShift 18s ease-in-out infinite alternate;
      }

      .business-card,
      .service-strip,
      .link-section {
        width: min(1120px, 100%);
        margin: 0 auto;
      }

      .top-bar {
        position: relative;
        z-index: 10;
        display: flex;
        width: min(1120px, 100%);
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        margin: 0 auto 14px;
      }

      .page-logo {
        display: block;
        width: clamp(86px, 11vw, 124px);
        flex: 0 0 auto;
        border: 1px solid rgba(17, 21, 18, 0.1);
        border-radius: 8px;
        padding: 6px;
        background: rgba(255, 255, 255, 0.82);
        box-shadow: 0 14px 32px rgba(17, 21, 18, 0.1);
        backdrop-filter: blur(12px);
        transition:
          transform 220ms ease,
          box-shadow 220ms ease;
      }

      .page-logo:hover {
        transform: translateY(-2px);
        box-shadow: 0 18px 38px rgba(17, 21, 18, 0.14);
      }

      .page-logo:focus-visible {
        outline: 3px solid rgba(15, 139, 110, 0.24);
        outline-offset: 3px;
      }

      .page-logo picture,
      .page-logo img {
        display: block;
      }

      .page-logo img {
        width: 100%;
        height: auto;
        border-radius: 6px;
      }

      .language-toggle {
        position: relative;
        z-index: 1;
        display: inline-flex;
        min-height: 42px;
        align-items: center;
        gap: 8px;
        border: 1px solid rgba(17, 21, 18, 0.12);
        border-radius: 8px;
        padding: 0 13px;
        background: rgba(255, 255, 255, 0.78);
        color: #1d2822;
        box-shadow: 0 14px 32px rgba(17, 21, 18, 0.12);
        backdrop-filter: blur(14px);
        cursor: pointer;
        font: inherit;
        font-size: 0.82rem;
        font-weight: 900;
        transition:
          transform 220ms ease,
          border-color 220ms ease,
          background 220ms ease,
          box-shadow 220ms ease;
      }

      .language-toggle svg {
        width: 16px;
        height: 16px;
        color: var(--green);
      }

      .language-toggle:hover {
        transform: translateY(-2px);
        border-color: rgba(15, 139, 110, 0.28);
        background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 18px 38px rgba(17, 21, 18, 0.15);
      }

      .language-toggle:focus-visible {
        outline: 3px solid rgba(15, 139, 110, 0.24);
        outline-offset: 3px;
      }

      .business-card {
        position: relative;
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr) minmax(300px, 380px);
        gap: 22px;
        min-height: 640px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.7);
        border-radius: 8px;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.58)),
          linear-gradient(125deg, rgba(15, 139, 110, 0.13), transparent 44%),
          linear-gradient(302deg, rgba(201, 154, 46, 0.12), transparent 42%),
          rgba(251, 250, 245, 0.9);
        box-shadow:
          0 30px 88px rgba(17, 21, 18, 0.16),
          inset 0 1px 0 rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(18px);
      }

      .business-card::after {
        position: absolute;
        inset: 0;
        pointer-events: none;
        content: "";
        background:
          linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.62) 46%, transparent 62%),
          repeating-linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.13) 0,
            rgba(255, 255, 255, 0.13) 1px,
            transparent 1px,
            transparent 11px
          );
        mix-blend-mode: screen;
        opacity: 0.48;
        transform: translateX(-55%);
        animation: lightPass 8s ease-in-out infinite;
      }

      .brand-rail {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 28px;
        border-right: 1px solid var(--line);
        color: rgba(17, 21, 18, 0.42);
        font-size: 0.74rem;
        font-weight: 800;
        text-transform: uppercase;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
      }

      .identity-panel {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 58px 8px 58px 0;
      }

      .status-row {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        gap: 9px;
        margin-bottom: 24px;
        border: 1px solid rgba(17, 21, 18, 0.12);
        border-radius: 8px;
        padding: 9px 12px;
        background: rgba(255, 255, 255, 0.55);
        color: #39413b;
        font-size: 0.78rem;
        font-weight: 700;
      }

      .status-dot {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--green);
        box-shadow: 0 0 0 7px rgba(15, 139, 110, 0.14);
        animation: pulseDot 2.7s ease-in-out infinite;
      }

      .logo-lockup {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        gap: 12px;
        margin-bottom: 18px;
      }

      .logo-lockup > span {
        display: grid;
        width: 54px;
        height: 54px;
        place-items: center;
        border-radius: 8px;
        background: linear-gradient(135deg, #111512, #23332c);
        color: #f8f0d8;
        font-size: 1.12rem;
        font-weight: 950;
        box-shadow: 0 12px 28px rgba(17, 21, 18, 0.18);
      }

      .logo-lockup small {
        color: var(--muted);
        font-size: 0.76rem;
        font-weight: 900;
        text-transform: uppercase;
      }

      .eyebrow,
      .section-heading p {
        margin: 0 0 14px;
        color: var(--green-dark);
        font-size: 0.82rem;
        font-weight: 900;
        text-transform: uppercase;
      }

      h1,
      h2,
      p {
        margin-top: 0;
      }

      h1 {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 16px;
        margin-bottom: 16px;
        font-size: 4.6rem;
        line-height: 0.98;
      }

      h1 > span {
        font-size: 0.45em;
        font-weight: 900;
      }

      h1 strong {
        color: var(--green);
        font-size: 1.08em;
        font-weight: 900;
      }

      .role {
        margin-bottom: 18px;
        color: #283029;
        font-size: 1.22rem;
        font-weight: 800;
      }

      .intro {
        max-width: 650px;
        margin-bottom: 24px;
        color: var(--muted);
        font-size: 1.02rem;
        line-height: 1.88;
      }

      .highlight-row {
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
        margin-bottom: 22px;
      }

      .highlight-row > span {
        border: 1px solid rgba(15, 139, 110, 0.16);
        border-radius: 8px;
        padding: 8px 10px;
        background: rgba(255, 255, 255, 0.62);
        color: #304138;
        font-size: 0.75rem;
        font-weight: 850;
      }

      .signature-line {
        display: flex;
        width: fit-content;
        align-items: center;
        gap: 10px;
        margin-bottom: 34px;
        border-left: 4px solid var(--gold);
        padding: 11px 14px;
        background: rgba(255, 255, 255, 0.64);
        color: #31382f;
        font-weight: 800;
      }

      .signature-line svg {
        width: 18px;
        height: 18px;
        color: var(--coral);
      }

      .quick-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
      }

      .primary-action,
      .ghost-action,
      .contact-link {
        position: relative;
        display: inline-flex;
        align-items: center;
        min-height: 54px;
        border-radius: 8px;
        transition:
          transform 220ms ease,
          border-color 220ms ease,
          background 220ms ease,
          box-shadow 220ms ease;
      }

      .primary-action,
      .ghost-action {
        gap: 10px;
        padding: 0 18px;
        font-weight: 850;
      }

      .primary-action svg,
      .ghost-action svg {
        width: 18px;
        height: 18px;
      }

      .primary-action {
        border: 1px solid rgba(15, 139, 110, 0.85);
        background: linear-gradient(135deg, var(--green), #14a47f);
        color: var(--white);
        box-shadow: 0 16px 34px rgba(15, 139, 110, 0.24);
      }

      .ghost-action {
        border: 1px solid rgba(17, 21, 18, 0.18);
        background: rgba(255, 255, 255, 0.66);
        color: #222a23;
      }

      .primary-action:hover,
      .ghost-action:hover,
      .contact-link:hover {
        transform: translateY(-3px);
      }

      .primary-action:focus-visible,
      .ghost-action:focus-visible,
      .contact-link:focus-visible {
        outline: 3px solid rgba(15, 139, 110, 0.24);
        outline-offset: 3px;
      }

      .portrait-panel {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: end;
        justify-content: center;
        min-height: 100%;
        padding: 30px 30px 30px 0;
      }

      .portrait-frame {
        position: relative;
        width: min(100%, 338px);
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.82);
        border-radius: 8px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(238, 244, 239, 0.8)),
          #f4f3ec;
        box-shadow: 0 24px 52px rgba(17, 21, 18, 0.2);
        aspect-ratio: 0.59;
      }

      .portrait-frame::before {
        position: absolute;
        inset: 12px;
        z-index: 1;
        pointer-events: none;
        content: "";
        border: 1px solid rgba(17, 21, 18, 0.08);
        border-radius: 6px;
      }

      .portrait-frame::after {
        position: absolute;
        inset: 0;
        pointer-events: none;
        content: "";
        background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, 0.5), transparent 58%);
        transform: translateX(-100%);
        animation: portraitShine 6.6s ease-in-out infinite;
      }

      .portrait-frame picture,
      .portrait-frame img {
        display: block;
        width: 100%;
        height: 100%;
      }

      .portrait-frame img {
        object-fit: contain;
        object-position: 50% 50%;
        filter: saturate(1.02) contrast(1.02);
      }

      .growth-card,
      .mini-metric {
        position: absolute;
        z-index: 2;
        border-radius: 8px;
        backdrop-filter: blur(14px);
      }

      .growth-card {
        right: 6px;
        bottom: 58px;
        width: min(260px, 72%);
        border: 1px solid rgba(255, 255, 255, 0.72);
        padding: 17px;
        background: rgba(17, 21, 18, 0.82);
        color: var(--white);
        box-shadow: 0 18px 44px rgba(17, 21, 18, 0.28);
        animation: cardFloat 5.2s ease-in-out infinite;
      }

      .growth-card > span {
        display: block;
        margin-bottom: 8px;
        color: #8ce0c7;
        font-size: 0.72rem;
        font-weight: 900;
      }

      .growth-card strong {
        display: block;
        margin-bottom: 7px;
        font-size: 1.1rem;
      }

      .growth-card small {
        color: rgba(255, 255, 255, 0.72);
        line-height: 1.55;
      }

      .mini-metric {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid rgba(255, 255, 255, 0.74);
        padding: 10px 12px;
        background: rgba(255, 255, 255, 0.78);
        color: #26312a;
        font-size: 0.78rem;
        font-weight: 900;
        box-shadow: 0 14px 32px rgba(17, 21, 18, 0.13);
      }

      .mini-metric svg {
        width: 16px;
        height: 16px;
        color: var(--green);
      }

      .metric-top {
        top: 68px;
        left: 0;
      }

      .metric-bottom {
        right: 22px;
        top: 118px;
      }

      .service-strip {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        margin-top: 16px;
      }

      .pillar {
        min-height: 174px;
        border: 1px solid rgba(17, 21, 18, 0.11);
        border-radius: 8px;
        padding: 24px;
        background:
          linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.56)),
          rgba(255, 255, 255, 0.64);
        box-shadow: 0 14px 42px rgba(17, 21, 18, 0.08);
        animation: riseIn 620ms ease both;
      }

      .pillar:nth-child(2) {
        animation-delay: 90ms;
      }

      .pillar:nth-child(3) {
        animation-delay: 180ms;
      }

      .pillar-icon {
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        margin-bottom: 18px;
        border-radius: 8px;
        background:
          linear-gradient(135deg, rgba(15, 139, 110, 0.16), rgba(201, 154, 46, 0.1)),
          rgba(15, 139, 110, 0.08);
        color: var(--green);
      }

      .pillar-icon svg {
        width: 20px;
        height: 20px;
      }

      .pillar h2 {
        margin-bottom: 10px;
        font-size: 1.16rem;
      }

      .pillar p {
        margin-bottom: 0;
        color: var(--muted);
        line-height: 1.72;
      }

      .link-section {
        position: relative;
        margin-top: 16px;
        border: 1px solid rgba(17, 21, 18, 0.11);
        border-radius: 8px;
        padding: 28px;
        background:
          linear-gradient(150deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.62)),
          linear-gradient(28deg, rgba(15, 139, 110, 0.06), transparent 42%),
          rgba(255, 255, 255, 0.7);
        box-shadow:
          0 22px 58px rgba(17, 21, 18, 0.1),
          inset 0 1px 0 rgba(255, 255, 255, 0.72);
      }

      .section-heading {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 18px;
        margin-bottom: 22px;
      }

      .section-heading h2 {
        margin-bottom: 0;
        font-size: 1.85rem;
        line-height: 1.1;
      }

      .section-heading > span {
        border: 1px solid rgba(15, 139, 110, 0.14);
        border-radius: 8px;
        padding: 9px 11px;
        background: rgba(255, 255, 255, 0.62);
        color: #415248;
        font-size: 0.78rem;
        font-weight: 850;
        white-space: nowrap;
      }

      .link-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }

      .contact-link {
        min-width: 0;
        gap: 15px;
        overflow: hidden;
        border: 1px solid rgba(17, 21, 18, 0.12);
        padding: 16px;
        background:
          radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--link-tone, var(--green)) 14%, transparent), transparent 34%),
          linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.66)),
          rgba(255, 255, 255, 0.72);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
      }

      .contact-link::before {
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        content: "";
        background: var(--link-tone, var(--green));
      }

      .contact-link::after {
        position: absolute;
        inset: 0;
        pointer-events: none;
        content: "";
        background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.58) 46%, transparent 64%);
        opacity: 0;
        transform: translateX(-58%);
        transition:
          opacity 220ms ease,
          transform 500ms ease;
      }

      .contact-link:hover {
        border-color: var(--link-tone, var(--green));
        background: rgba(255, 255, 255, 0.9);
        box-shadow:
          0 16px 36px rgba(17, 21, 18, 0.11),
          0 0 0 1px color-mix(in srgb, var(--link-tone, var(--green)) 14%, transparent);
      }

      .contact-link:hover::after {
        opacity: 1;
        transform: translateX(58%);
      }

      .tone-green {
        --link-tone: var(--green);
      }

      .tone-rose {
        --link-tone: var(--coral);
      }

      .tone-blue {
        --link-tone: var(--blue);
      }

      .tone-gold {
        --link-tone: var(--gold);
      }

      .tone-black {
        --link-tone: var(--black);
      }

      .link-icon {
        position: relative;
        display: grid;
        flex: 0 0 auto;
        width: 58px;
        height: 58px;
        place-items: center;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--link-tone, var(--green)) 18%, rgba(255, 255, 255, 0.7));
        border-radius: 12px;
        background:
          radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.95), transparent 34%),
          linear-gradient(145deg, color-mix(in srgb, var(--link-tone, var(--green)) 24%, white), rgba(255, 255, 255, 0.8));
        color: var(--link-tone, var(--green));
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.48),
          0 12px 26px color-mix(in srgb, var(--link-tone, var(--green)) 16%, transparent);
      }

      .link-icon::before {
        position: absolute;
        inset: 9px;
        content: "";
        border: 1px solid color-mix(in srgb, var(--link-tone, var(--green)) 24%, rgba(255, 255, 255, 0.4));
        border-radius: 9px;
      }

      .link-icon::after {
        position: absolute;
        right: -16px;
        bottom: -16px;
        width: 38px;
        height: 38px;
        content: "";
        border-radius: 999px;
        background: color-mix(in srgb, var(--link-tone, var(--green)) 20%, transparent);
      }

      .link-icon svg {
        position: relative;
        z-index: 1;
        width: 22px;
        height: 22px;
        filter: drop-shadow(0 4px 10px rgba(17, 21, 18, 0.08));
      }

      .link-copy {
        min-width: 0;
      }

      .link-copy small {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .link-copy strong {
        display: grid;
        gap: 2px;
        margin-bottom: 6px;
        color: #1c231e;
      }

      .name-cn,
      .name-en {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .name-cn {
        font-size: 1rem;
        line-height: 1.15;
      }

      .name-en {
        color: color-mix(in srgb, var(--link-tone, var(--green)) 68%, #1c231e);
        font-size: 0.74rem;
        font-weight: 900;
        line-height: 1.2;
        text-transform: uppercase;
      }

      .lang-en {
        display: none;
      }

      html[data-lang="en"] .lang-zh {
        display: none;
      }

      html[data-lang="en"] .lang-en {
        display: inline;
      }

      html[data-lang="en"] .link-copy strong .lang-en {
        display: block;
      }

      .link-copy small {
        color: var(--muted);
        font-size: 0.76rem;
      }

      .arrow-badge {
        display: grid;
        flex: 0 0 auto;
        width: 34px;
        height: 34px;
        place-items: center;
        margin-left: auto;
        border: 1px solid rgba(17, 21, 18, 0.05);
        border-radius: 10px;
        background:
          linear-gradient(145deg, rgba(255, 255, 255, 0.74), rgba(17, 21, 18, 0.06));
        color: rgba(17, 21, 18, 0.52);
        transition:
          transform 220ms ease,
          background 220ms ease,
          color 220ms ease;
      }

      .arrow-badge svg {
        width: 16px;
        height: 16px;
      }

      .contact-link:hover .arrow-badge {
        transform: translate(2px, -2px);
        background: var(--link-tone, var(--green));
        color: var(--white);
      }

      @keyframes fieldShift {
        from {
          transform: translate3d(-1.5%, -1%, 0) rotate(0deg);
        }
        to {
          transform: translate3d(1.5%, 1%, 0) rotate(8deg);
        }
      }

      @keyframes lightPass {
        0%,
        34% {
          transform: translateX(-60%);
        }
        68%,
        100% {
          transform: translateX(60%);
        }
      }

      @keyframes pulseDot {
        0%,
        100% {
          transform: scale(1);
          box-shadow: 0 0 0 7px rgba(15, 139, 110, 0.14);
        }
        50% {
          transform: scale(0.86);
          box-shadow: 0 0 0 12px rgba(15, 139, 110, 0.06);
        }
      }

      @keyframes portraitShine {
        0%,
        45% {
          transform: translateX(-105%);
        }
        78%,
        100% {
          transform: translateX(105%);
        }
      }

      @keyframes cardFloat {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-8px);
        }
      }

      @keyframes riseIn {
        from {
          opacity: 0;
          transform: translateY(18px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @media (max-width: 920px) {
        .card-page {
          padding: 14px 12px 28px;
        }

        .business-card {
          grid-template-columns: 1fr;
          gap: 0;
          min-height: auto;
        }

        .brand-rail {
          flex-direction: row;
          gap: 16px;
          justify-content: flex-start;
          overflow: auto;
          border-right: 0;
          border-bottom: 1px solid var(--line);
          padding: 14px 18px;
          writing-mode: horizontal-tb;
          transform: none;
        }

        .identity-panel {
          order: 2;
          padding: 28px 18px 22px;
        }

        .portrait-panel {
          order: 1;
          min-height: auto;
          padding: 18px 18px 0;
        }

        .portrait-frame {
          width: min(100%, 360px);
          max-height: 610px;
          aspect-ratio: 0.59;
        }

        .metric-top,
        .metric-bottom {
          display: none;
        }

        h1 {
          font-size: 3.05rem;
        }

        h1 strong {
          font-size: 1.08em;
        }

        .service-strip,
        .link-grid {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 560px) {
        .status-row {
          align-items: flex-start;
          margin-bottom: 22px;
          font-size: 0.68rem;
          line-height: 1.5;
        }

        h1 {
          gap: 10px;
          font-size: 2.48rem;
        }

        h1 strong {
          font-size: 1.08em;
        }

        .role {
          font-size: 1rem;
        }

        .intro {
          font-size: 0.94rem;
          line-height: 1.76;
        }

        .highlight-row span {
          flex: 1 1 100%;
          text-align: center;
        }

        .signature-line {
          width: 100%;
          align-items: flex-start;
          font-size: 0.88rem;
          line-height: 1.55;
        }

        .quick-actions {
          display: grid;
          grid-template-columns: 1fr;
        }

        .primary-action,
        .ghost-action {
          justify-content: center;
        }

        .growth-card {
          right: 28px;
          bottom: 22px;
          width: calc(100% - 56px);
        }

        .link-section,
        .pillar {
          padding: 18px;
        }

        .section-heading {
          display: block;
        }

        .section-heading > span {
          display: inline-flex;
          margin-top: 10px;
          white-space: normal;
        }

        .contact-link {
          min-height: 92px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        *,
        *::before,
        *::after {
          scroll-behavior: auto !important;
          animation-duration: 1ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 1ms !important;
        }
      }