/* Stitch footer screen 8e764e9ef11a4d24b5d0c41f0bd46f3c, namespaced and refined. */
    /* Refined Architectural Corporate Footer */
    footer.corporate-footer {
      position: relative;
      z-index: 10;
      padding: 60px var(--page-padding, clamp(24px, 4.5vw, 64px)) 48px;
      background: var(--bg-black, #050505);
      border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .cf-grid {
      display: grid;
      grid-template-columns: 1.8fr 1fr 1fr 1.2fr;
      gap: clamp(24px, 3.5vw, 48px);
      margin-bottom: 64px;
    }

    /* Column 1: Brand & Identity */
    .cf-brand-col {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .cf-brand-link {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      width: fit-content;
    }

    .footer-logo-svg {
      height: 24px;
      width: auto;
      fill: var(--fg-primary, #fff);
    }

    .cf-tagline-text {
      font-size: 10.5px;
      font-weight: 600;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.72);
      line-height: 1.45;
    }

    .cf-meta-list {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin-top: 2px;
      font-size: 12.5px;
      color: rgba(255, 255, 255, 0.5);
      line-height: 1.5;
    }

    .cf-meta-stage {
      color: var(--accent-blue, #70b7ff);
      font-weight: 450;
      font-size: 11.5px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .cf-brand-email {
      margin-top: 6px;
      font-size: 13.5px;
      font-weight: 450;
      color: rgba(255, 255, 255, 0.88);
      display: inline-flex;
      align-items: center;
      gap: 5px;
      transition: color 0.2s ease;
      width: fit-content;
      min-height: 36px;
    }

    .cf-brand-email:hover {
      color: var(--accent-blue, #70b7ff);
    }

    /* Common Column Structure */
    .cf-col-title {
      font-size: 10.5px;
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.45);
      margin-bottom: 20px;
    }

    .cf-nav-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .cf-link {
      font-size: 13.5px;
      color: rgba(255, 255, 255, 0.72);
      transition: color 0.2s ease;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 32px;
    }

    .cf-link:hover {
      color: var(--fg-primary, #fff);
    }

    .cf-badge-dev {
      display: inline-flex;
      align-items: center;
      padding: 2px 7px;
      border-radius: 9999px;
      font-size: 9px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      background: rgba(255, 255, 255, 0.07);
      color: rgba(255, 255, 255, 0.75);
      border: 1px solid rgba(255, 255, 255, 0.14);
    }

    /* Column 4: Follow ATFUTA */
    .cf-social-icons-row {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 20px;
    }

    .corporate-social {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: rgba(255, 255, 255, 0.75);
      transition: all 0.2s ease;
      cursor: default;
      user-select: none;
    }

    .corporate-social:hover {
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.25);
      color: var(--fg-primary, #fff);
    }

    .corporate-social svg {
      width: 15px;
      height: 15px;
      fill: currentColor;
    }

    .footer-inquiry-email {
      font-size: 13px;
      color: rgba(255, 255, 255, 0.6);
      display: inline-flex;
      align-items: center;
      gap: 4px;
      transition: color 0.2s ease;
      min-height: 36px;
    }

    .footer-inquiry-email:hover {
      color: var(--accent-blue, #70b7ff);
    }

    /* Footer Baseline */
    .cf-baseline-divider {
      width: 100%;
      height: 1px;
      background: rgba(255, 255, 255, 0.08);
      margin-bottom: 28px;
    }

    .cf-baseline {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 16px;
      font-size: 11.5px;
      color: rgba(255, 255, 255, 0.42);
      letter-spacing: 0.02em;
    }

    .cf-legal-nav {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: clamp(14px, 2vw, 24px);
    }

    .cf-legal-link {
      color: rgba(255, 255, 255, 0.52);
      transition: color 0.2s ease;
      min-height: 44px;
      display: inline-flex;
      align-items: center;
    }

    .cf-legal-link:hover {
      color: var(--fg-primary, #fff);
    }


.corporate-footer { max-width: 1808px; margin: 0 auto; border-top: 0; }
footer.corporate-footer { padding-top: 52px; padding-bottom: 28px; border-top: 0; }
.corporate-footer * { box-sizing: border-box; }
.corporate-footer [hidden] { display: none; }
.corporate-footer .cf-grid { grid-template-columns: minmax(240px, 1.8fr) minmax(140px, 1fr) minmax(120px, 1fr) minmax(170px, 1fr); gap: clamp(24px, 3.5vw, 48px); margin-bottom: 32px; }
.corporate-footer .cf-brand-col { gap: 12px; }
.corporate-footer .cf-company-footer-logo { display: block; width: 104px; height: 56px; object-fit: contain; }
.corporate-footer .cf-tagline-text {
  max-width: 29ch;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.12em;
  color: var(--accent-blue, #70b7ff);
  text-shadow: 0 0 6px rgba(70, 166, 255, 0.72),
               0 0 18px rgba(32, 133, 255, 0.42),
               0 0 30px rgba(32, 133, 255, 0.18);
}
.corporate-footer .cf-meta-list { color: #a0a3a8; font-size: 13px; }
.corporate-footer .cf-meta-list > :first-child { font-size: 14px; color: #e2e4e8; }
.corporate-footer .cf-meta-stage { font-size: 12px; color: #8e9196; letter-spacing: 0; text-transform: none; }
.corporate-footer .cf-brand-email { font-size: 15px; min-height: 44px; margin-top: 0; gap: 12px; }
.corporate-footer .cf-col-title { margin: 14px 0 16px; font-size: 11px; font-weight: 500; color: #96999f; letter-spacing: 0.14em; }
.corporate-footer .cf-nav-list { margin: 0; padding: 0; gap: 0; }
.corporate-footer .cf-link { font-size: 14px; min-height: 44px; color: #d1d3d7; }
.corporate-footer .cf-link[href="/atfuta-one/"] { align-items: flex-start; flex-direction: column; justify-content: center; gap: 2px; padding: 3px 0; }
.corporate-footer .cf-badge-dev { font-size: 9px; padding: 0; border: 0; background: transparent; border-radius: 0; font-weight: 400; letter-spacing: 0.1em; white-space: nowrap; color: #96999f; }
.corporate-footer .cf-social-icons-row { display: grid; grid-template-columns: repeat(3, 44px); gap: 6px; margin-left: -10px; margin-bottom: 0; }
.corporate-footer .corporate-social { width: 44px; height: 44px; border-radius: 6px; border: 0; background: transparent; color: #a0a3a8; }
.corporate-footer .corporate-social svg { width: 18px; height: 18px; }
.corporate-footer span.corporate-social { opacity: 0.7; cursor: default; }
.corporate-footer span.corporate-social:hover { background: transparent; color: #a0a3a8; }
.corporate-footer a.corporate-social { cursor: pointer; }
.corporate-footer a.corporate-social:hover { background: rgba(255,255,255,0.05); color: #fff; }
.corporate-footer .cf-baseline-divider { margin-bottom: 16px; background: rgba(255,255,255,0.07); }
.corporate-footer .cf-baseline { color: #96999f; font-size: 12px; letter-spacing: 0; }
.corporate-footer .cf-rights { display: inline-block; margin-left: 10px; }
.corporate-footer .cf-legal-link { font-size: 12px; color: #a0a3a8; min-height: 44px; }
.corporate-footer .cf-legal-nav { padding-right: 56px; }
.corporate-footer a:focus-visible { outline: 2px solid #70b7ff; outline-offset: 4px; }
body.footer-in-view .company-film:not(.is-expanded):not(.is-positioned) {
  bottom: min(calc(var(--footer-visible-height, 0px) + 16px), calc(100svh - var(--film-width) * 9 / 16 - 100px));
}
body.footer-in-view .back-to-top { bottom: max(20px, env(safe-area-inset-bottom)); }
@media (max-width: 1000px) and (min-width: 641px) {
  .corporate-footer .cf-grid { grid-template-columns: 1.6fr 1fr 1fr; }
  .corporate-footer .cf-follow-col { grid-column: 2 / -1; }
  .corporate-footer .cf-social-icons-row { grid-template-columns: repeat(6,44px); }
}
@media (max-width: 640px) {
  footer.corporate-footer { padding-top: 36px; padding-bottom: 20px; }
  .corporate-footer .cf-grid { grid-template-columns: 1fr 1fr; column-gap: 24px; row-gap: 24px; margin-bottom: 24px; }
  .corporate-footer .cf-brand-col { grid-column: 1 / -1; gap: 10px; }
  .corporate-footer .cf-follow-col { grid-column: 1 / -1; }
  .corporate-footer .cf-col-title { margin-top: 0; margin-bottom: 8px; }
  .corporate-footer .cf-social-icons-row { grid-template-columns: repeat(6,44px); gap: 4px; }
  .corporate-footer .cf-baseline { align-items: flex-start; flex-direction: column; gap: 0; }
  .corporate-footer .cf-rights { display: block; margin: 4px 0 8px; }
  .corporate-footer .cf-legal-nav { column-gap: 18px; row-gap: 0; }
}
@media (max-width: 359px) {
  .corporate-footer .cf-social-icons-row { grid-template-columns: repeat(3,44px); }
}
@media (prefers-reduced-motion: reduce) {
  .corporate-footer * { transition: none !important; }
}
