/* Iruvy public design tokens. Light by default, with a visitor-selectable dark theme. */
@font-face {
  font-family: Pretendard;
  src: url('/assets/Pretendard-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Pretendard;
  src: url('/assets/Pretendard-SemiBold.woff2') format('woff2');
  font-weight: 600 900;
  font-display: swap;
}

:root {
  color-scheme: light;
  --bg: #F5F5F7;
  --surface: #FFFFFF;
  --surface-strong: #F0EDFF;
  --ink: #1D1D1F;
  --muted: #646469;
  --muted-strong: #4B4B50;
  --line: rgba(29, 29, 31, .10);
  --line-strong: rgba(29, 29, 31, .18);
  --accent: #5E49D6;
  --accent-light: #5E49D6;
  --action: #5E49D6;
  --action-hover: #4D3AC0;
  --button-ink: #fff;
  --night: #F5F5F7;
  --header-bg: rgba(255, 255, 255, .96);
  --header-line: rgba(29, 29, 31, .10);
  --menu-bg: #FFFFFF;
  --skip-ink: #FFFFFF;
  --selection-ink: #1D1D1F;
  --hero-bg: #F5F5F7;
  --hero-overlay: linear-gradient(90deg, rgba(245, 245, 247, .96), rgba(245, 245, 247, .68) 68%), linear-gradient(0deg, #F5F5F7, transparent 25%);
  --hero-overlay-mobile: linear-gradient(90deg, rgba(245, 245, 247, .96), rgba(245, 245, 247, .74)), linear-gradient(0deg, #F5F5F7, transparent 35%);
  --hero-ink: #1D1D1F;
  --hero-copy: #4B4B50;
  --hero-quiet-bg: rgba(255, 255, 255, .88);
  --hero-quiet-border: rgba(29, 29, 31, .18);
  --hero-quiet-hover: #F0EDFF;
  --hero-foot: #646469;
  --hero-link: #1D1D1F;
  --section-deep: #F0EDFF;
  --photo-frame: #FFFFFF;
  --product-hero-overlay: linear-gradient(90deg, rgb(245 245 247 / .97) 0%, rgb(245 245 247 / .88) 38%, rgb(245 245 247 / .35) 100%), linear-gradient(0deg, var(--bg), transparent 30%);
  --product-hero-overlay-mobile: linear-gradient(90deg, rgb(245 245 247 / .97), rgb(245 245 247 / .72)), linear-gradient(0deg, var(--bg), transparent 45%);
  --product-hero-quiet: rgb(255 255 255 / .88);
  --selected-surface: #F0EDFF;
  --selected-intent: #E7E2FF;
  --danger: #9B2638;
  --danger-border: #D47B86;
  /* Shared geometry; the public story uses open rows and restrained rules. */
  --radius-card: 20px;
  --radius-control: 4px;
  --radius-pill: 999px;
  --radius: var(--radius-card);
  --shell: min(1280px, calc(100% - 72px));
}

html[data-iruvy-theme="light"] { color-scheme: light; }

html[data-iruvy-theme="dark"] {
  color-scheme: dark;
  --bg: #0d0f16;
  --surface: #151822;
  --surface-strong: #1b1f2a;
  --ink: #f2f3f7;
  --muted: #aeb3c1;
  --muted-strong: #d2d5de;
  --line: rgba(240, 241, 245, .14);
  --line-strong: rgba(240, 241, 245, .27);
  --accent: #b9a9ff;
  --accent-light: #c7bbff;
  --action: #5e49d6;
  --action-hover: #4D3AC0;
  --button-ink: #fff;
  --night: #070910;
  --header-bg: rgba(7, 9, 16, .94);
  --header-line: rgba(255, 255, 255, .08);
  --menu-bg: #070910;
  --skip-ink: #070910;
  --selection-ink: #070910;
  --hero-bg: #070910;
  --hero-overlay: linear-gradient(90deg, rgba(7, 9, 16, .64), rgba(7, 9, 16, .17) 68%), linear-gradient(0deg, #070910, transparent 25%);
  --hero-overlay-mobile: linear-gradient(90deg, rgba(7, 9, 16, .72), rgba(7, 9, 16, .25)), linear-gradient(0deg, #070910, transparent 35%);
  --hero-ink: #f4f4f7;
  --hero-copy: #e0e1e8;
  --hero-quiet-bg: rgba(7, 9, 16, .55);
  --hero-quiet-border: rgba(255, 255, 255, .45);
  --hero-quiet-hover: #202333;
  --hero-foot: #b1b5c2;
  --hero-link: #e8e9ef;
  --section-deep: #10131c;
  --photo-frame: #151822;
  --product-hero-overlay: linear-gradient(90deg, rgb(7 9 17 / .96) 0%, rgb(7 9 17 / .87) 38%, rgb(7 9 17 / .29) 100%), linear-gradient(0deg, var(--bg), transparent 30%);
  --product-hero-overlay-mobile: linear-gradient(90deg, rgb(7 9 17 / .92), rgb(7 9 17 / .48)), linear-gradient(0deg, var(--bg), transparent 45%);
  --product-hero-quiet: rgb(10 12 20 / .44);
  --selected-surface: #1c1930;
  --selected-intent: #252039;
  --danger: #ffd0d8;
  --danger-border: #f39aaa;
}

@media (prefers-color-scheme: dark) {
  html[data-iruvy-theme="system"] {
    color-scheme: dark;
    --bg: #0d0f16;
    --surface: #151822;
    --surface-strong: #1b1f2a;
    --ink: #f2f3f7;
    --muted: #aeb3c1;
    --muted-strong: #d2d5de;
    --line: rgba(240, 241, 245, .14);
    --line-strong: rgba(240, 241, 245, .27);
    --accent: #b9a9ff;
    --accent-light: #c7bbff;
    --action: #5e49d6;
    --action-hover: #4D3AC0;
    --button-ink: #fff;
    --night: #070910;
    --header-bg: rgba(7, 9, 16, .94);
    --header-line: rgba(255, 255, 255, .08);
    --menu-bg: #070910;
    --skip-ink: #070910;
    --selection-ink: #070910;
    --hero-bg: #070910;
    --hero-overlay: linear-gradient(90deg, rgba(7, 9, 16, .64), rgba(7, 9, 16, .17) 68%), linear-gradient(0deg, #070910, transparent 25%);
    --hero-overlay-mobile: linear-gradient(90deg, rgba(7, 9, 16, .72), rgba(7, 9, 16, .25)), linear-gradient(0deg, #070910, transparent 35%);
    --hero-ink: #f4f4f7;
    --hero-copy: #e0e1e8;
    --hero-quiet-bg: rgba(7, 9, 16, .55);
    --hero-quiet-border: rgba(255, 255, 255, .45);
    --hero-quiet-hover: #202333;
    --hero-foot: #b1b5c2;
    --hero-link: #e8e9ef;
    --section-deep: #10131c;
    --photo-frame: #151822;
    --product-hero-overlay: linear-gradient(90deg, rgb(7 9 17 / .96) 0%, rgb(7 9 17 / .87) 38%, rgb(7 9 17 / .29) 100%), linear-gradient(0deg, var(--bg), transparent 30%);
    --product-hero-overlay-mobile: linear-gradient(90deg, rgb(7 9 17 / .92), rgb(7 9 17 / .48)), linear-gradient(0deg, var(--bg), transparent 45%);
    --product-hero-quiet: rgb(10 12 20 / .44);
    --selected-surface: #1c1930;
    --selected-intent: #252039;
    --danger: #ffd0d8;
    --danger-border: #f39aaa;
  }
}

* { box-sizing: border-box; }
html { background: var(--bg); scroll-behavior: smooth; scroll-padding-top: 96px; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  word-break: keep-all;
  overflow-wrap: break-word;
}
::selection { background: var(--accent-light); color: var(--selection-ink); }
h1, h2, h3, h4, p, figure, dl, dd, dt { margin: 0; }
h1, h2, h3 { font-weight: 600; line-height: 1.18; letter-spacing: -.04em; text-wrap: balance; }
h1 { font-size: clamp(42px, 5.6vw, 80px); }
h2 { font-size: clamp(32px, 4vw, 56px); }
h3 { font-size: 24px; }
p { color: var(--muted); }
a { color: inherit; text-decoration: none; text-underline-offset: 5px; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; height: auto; }
button, a, input, textarea, select { touch-action: manipulation; }
input, textarea, select { min-width: 0; }
:focus-visible { outline: 3px solid var(--accent-light); outline-offset: 5px; }
main:focus { outline: none; }
[hidden] { display: none !important; }
.shell { width: var(--shell); margin-inline: auto; }

body.manager-story-page {
  --shell: min(1280px, calc(100% - 48px));
  --radius-card: 0px;
  --radius-control: 6px;
  --radius-pill: 0px;
}
.manager-story { display: block; color: var(--ink); }
.manager-story-intro { padding-block: clamp(44px, 6.5vw, 86px); background: var(--bg); }
.manager-story-intro-inner { max-width: 1280px; }
.manager-story-hero-layout { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); align-items: center; gap: clamp(36px, 6vw, 84px); }
.manager-story-hero-copy { max-width: 570px; }
.manager-story-intro .eyebrow { margin-bottom: 17px; color: var(--accent); font-size: .7rem; font-weight: 700; letter-spacing: .105em; line-height: 1.5; }
.manager-story-intro .manager-story-index { display: block; margin-bottom: 11px; }
.manager-story-intro h1 { max-width: 12ch; margin-bottom: 18px; color: var(--ink); font-size: clamp(3rem, 6.1vw, 5.15rem); line-height: 1.015; letter-spacing: -.067em; }
.manager-story-lede { max-width: 600px; color: var(--muted-strong); font-size: clamp(1rem, 1.3vw, 1.15rem); line-height: 1.62; }
.manager-story-status { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 12px; max-width: 570px; margin-top: 20px; padding-left: 13px; border-left: 2px solid var(--accent); color: var(--muted); font-size: .78rem; line-height: 1.55; }
.manager-story-status strong { color: var(--accent); font-size: .69rem; letter-spacing: .045em; }
.manager-story-scroll { display: inline-flex; min-height: 44px; align-items: center; gap: 10px; margin-top: 17px; color: var(--accent); font-size: .88rem; font-weight: 650; }
.manager-story-scroll span { font-size: 1.1rem; transition: transform .18s ease; }
.manager-story-scroll:hover span { transform: translateY(3px); }
.manager-story-hero-figure { min-width: 0; overflow: hidden; margin: 0; background: var(--surface); }
.manager-story-hero-figure img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: 50% 54%; }
.manager-story-hero-figure figcaption { padding: 11px 15px 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: .72rem; line-height: 1.45; }
.manager-story-section { padding-block: clamp(48px, 6.2vw, 82px); border-top: 1px solid var(--line); background: var(--surface); }
.manager-story-section--lavender { background: var(--section-deep); }
.manager-story-heading { max-width: 760px; margin-bottom: clamp(26px, 3.4vw, 43px); }
.manager-story-index { color: var(--accent); font: 700 .68rem/1.5 var(--font-mono, monospace); letter-spacing: .08em; }
.manager-story-heading .manager-story-index { margin-bottom: 11px; }
.manager-story-heading h2 { max-width: 720px; margin: 0; color: var(--ink); font-size: clamp(1.85rem, 3.3vw, 3.05rem); line-height: 1.11; letter-spacing: -.052em; }
.manager-story-heading .manager-story-lede { margin-top: 14px; }
.manager-workflow-layout { display: block; }
.manager-equipment-layout,
.manager-story-evidence-layout { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(32px, 5.6vw, 78px); align-items: start; }
.manager-story-list,
.manager-stage-ledger { display: grid; margin: 0; padding: 0; list-style: none; }
.manager-story-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(24px, 4.4vw, 62px); }
.manager-story-list > li,
.manager-stage-ledger > li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; padding: 19px 0; border-top: 1px solid var(--line); }
.manager-story-list > li:nth-last-child(-n+2) { border-bottom: 1px solid var(--line); }
.manager-story-list > li > .manager-story-index { padding-top: 2px; }
.manager-story-list h3,
.manager-stage-ledger h3 { margin: 0 0 5px; color: var(--ink); font-size: .98rem; letter-spacing: -.015em; }
.manager-story-list p,
.manager-stage-ledger p { max-width: 660px; color: var(--muted); font-size: .86rem; line-height: 1.58; }
.manager-story-record { min-width: 0; margin: 0; background: var(--photo-frame); }
.manager-story-record img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.manager-story-record--assembly img { object-position: 50% 54%; }
.manager-story-record--equipment img { object-position: 50% 42%; }
.manager-story-record figcaption,
.manager-stage-record figcaption { padding: 9px 0 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.manager-story-boundary { max-width: 710px; margin-top: 20px; padding-left: 13px; border-left: 2px solid var(--accent); color: var(--muted-strong); font-size: .8rem; line-height: 1.62; }
.manager-evidence-list,
.manager-handoff-list { margin: 0; border-top: 1px solid var(--line-strong); }
.manager-evidence-row,
.manager-handoff-row { display: grid; grid-template-columns: minmax(132px, .48fr) minmax(0, 1fr); gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.manager-evidence-row dt,
.manager-handoff-row dt { color: var(--ink); font-size: .86rem; font-weight: 650; }
.manager-evidence-row dd,
.manager-handoff-row dd { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.manager-equipment-layout { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: center; }
.manager-equipment-list { grid-template-columns: minmax(0, 1fr); }
.manager-story-action { display: inline-flex; min-width: 210px; min-height: 48px; align-items: center; justify-content: center; margin-top: 27px; padding: 0 20px; border: 1px solid var(--action); border-radius: var(--radius-control); background: var(--action); color: var(--button-ink); font-size: .87rem; font-weight: 650; transition: background .18s ease, transform .18s ease; }
.manager-story-action:hover { background: var(--action-hover); transform: translateY(-1px); }
.manager-stage-ledger { border-top: 1px solid var(--line-strong); }
.manager-stage-ledger > li { grid-template-columns: 42px minmax(0, 1fr); padding-block: 22px; }
.manager-stage-copy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, .34fr); gap: 9px 30px; align-items: start; }
.manager-stage-copy > h3,
.manager-stage-copy > p { grid-column: 1; }
.manager-stage-record { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
.manager-stage-record img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.manager-stage-record--inspection img { object-position: 55% 50%; }
.manager-stage-record--robot img { object-position: 45% 56%; }
.manager-story-separate-product { width: var(--shell); margin: 30px auto 44px; padding: 16px 0; border-block: 1px solid var(--line); }
.manager-story-separate-product > summary { min-height: 44px; display: flex; align-items: center; color: var(--muted-strong); cursor: pointer; font-size: .85rem; font-weight: 650; }
.manager-story-separate-product > div { padding-top: 15px; }
.manager-story-separate-product .product-capture { margin-top: 20px; }
.manager-story-separate-product .product-capture picture { border-radius: 0; }
body.manager-story-page :is(.brand-entry-path, .brand-task-example, .brand-choice-list a, .brand-product-screen, .brand-outcome-list, .brand-guide-row),
body.manager-story-page :is(.product-card, .product-capture picture, .product-stage-card, .product-info-disclosure) { border-radius: 0; }
body.manager-story-page :is(.brand-manager-status, .flow-manager-status, .status-pill, .pill) { border-radius: 0; }
.manager-story-page .button,
.flow-manager-page .button { border-radius: 6px; }

@media (max-width: 899px) {
  .manager-story-hero-layout,
  .manager-equipment-layout,
  .manager-story-evidence-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .manager-story-hero-copy { max-width: 720px; }
  .manager-story-hero-figure { max-width: 820px; }
  .manager-story-heading { margin-bottom: 24px; }
  .manager-story-section { padding-block: 54px; }
}
@media (max-width: 600px) {
  body.manager-story-page { --shell: min(100% - 36px, 560px); }
  .manager-story-intro { padding-block: 36px 42px; }
  .manager-story-hero-layout { gap: 24px; }
  .manager-story-intro h1 { max-width: 11ch; font-size: clamp(2.55rem, 12vw, 3.5rem); }
  .manager-story-lede { font-size: 1rem; }
  .manager-story-status { grid-template-columns: 1fr; gap: 3px; }
  .manager-story-section { padding-block: 42px; }
  .manager-story-heading h2 { font-size: clamp(1.7rem, 8vw, 2.15rem); }
  .manager-story-list { grid-template-columns: minmax(0, 1fr); }
  .manager-story-list > li:nth-last-child(-n+2) { border-bottom: 0; }
  .manager-story-list > li:last-child { border-bottom: 1px solid var(--line); }
  .manager-story-list > li,
  .manager-stage-ledger > li { grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding-block: 15px; }
  .manager-evidence-row,
  .manager-handoff-row { grid-template-columns: minmax(0, 1fr); gap: 3px; padding-block: 11px; }
  .manager-story-boundary { margin-top: 16px; }
  .manager-stage-copy { grid-template-columns: minmax(0, 1fr); }
  .manager-stage-record { grid-column: 1; grid-row: auto; max-width: 420px; margin-top: 7px; }
  .manager-story-action { width: 100%; }
  .manager-story-separate-product { margin-block: 24px 34px; }
}

.skip {
  position: fixed;
  top: 12px;
  left: 16px;
  z-index: 300;
  padding: 10px 16px;
  background: var(--ink);
  color: var(--skip-ink);
  transform: translateY(-180%);
  border-radius: var(--radius-control);
}
.skip:focus { transform: none; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 72px;
  background: var(--header-bg);
  border-bottom: 1px solid var(--header-line);
  backdrop-filter: blur(16px);
}
.header-inner { height: 100%; display: flex; align-items: center; gap: 28px; }
.brand { flex-shrink: 0; line-height: 0; margin-right: auto; }
.logo-image { width: 108px; height: 44px; object-fit: contain; }
.logo-image-dark { display: block; }
.logo-image-light { display: none; }
html[data-iruvy-theme="light"] .logo-image-dark { display: none; }
html[data-iruvy-theme="light"] .logo-image-light { display: block; }
@media (prefers-color-scheme: light) {
  html[data-iruvy-theme="system"] .logo-image-dark { display: none; }
  html[data-iruvy-theme="system"] .logo-image-light { display: block; }
}
#navigation { display: flex; align-items: center; gap: 26px; font-size: 14px; font-weight: 600; }
#navigation > a { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; transition: color .18s ease; }
#navigation > a:hover, #navigation > [aria-current='page'] { color: var(--accent-light); }
#navigation .nav-contact {
  min-height: 42px;
  padding: 0 18px;
  gap: 14px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-control);
  background: var(--surface);
}
#navigation .nav-contact:hover { color: var(--ink); border-color: var(--accent-light); background: var(--action); }
.language { display: grid; place-items: center; min-width: 44px; min-height: 44px; padding-left: 16px; border-left: 1px solid var(--line); font-size: 13px; }
.language:hover { color: var(--accent-light); }
.theme-control { position: relative; flex: 0 0 auto; }
.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  background: transparent;
  color: var(--muted-strong);
  font-size: 12px;
  font-weight: 600;
}
.theme-toggle:hover,
.theme-toggle[aria-expanded="true"] { border-color: var(--line-strong); background: var(--surface-strong); color: var(--ink); }
.theme-symbol { color: var(--accent-light); font-size: 18px; line-height: 1; }
.theme-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 120;
  display: grid;
  width: 168px;
  gap: 2px;
  padding: 8px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-control);
  background: var(--menu-bg);
  box-shadow: 0 14px 34px rgb(0 0 0 / 18%);
}
.theme-menu-label { padding: 5px 8px 7px; color: var(--muted); font-size: 11px; }
.theme-menu [data-theme-choice] {
  display: grid;
  grid-template-columns: 18px 1fr 16px;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 7px 8px;
  border: 0;
  border-radius: var(--radius-control);
  background: transparent;
  color: var(--muted-strong);
  text-align: left;
  font-size: 12px;
  font-weight: 600;
}
.theme-menu [data-theme-choice]:hover,
.theme-menu [data-theme-choice][aria-checked="true"] { background: var(--surface-strong); color: var(--ink); }
.theme-choice-symbol { color: var(--accent-light); font-size: 16px; line-height: 1; text-align: center; }
.theme-check { visibility: hidden; color: var(--accent-light); text-align: right; }
.theme-menu [data-theme-choice][aria-checked="true"] .theme-check { visibility: visible; }
.menu-toggle { display: none; align-items: center; gap: 12px; min-height: 44px; padding: 10px 0; border: 0; background: none; color: var(--ink); font-size: 14px; }
.menu-bars { position: relative; width: 22px; height: 14px; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; }
.menu-bars::before { position: absolute; top: 5px; left: 0; width: 100%; height: 1px; background: currentColor; content: ''; }

.section { padding-block: 116px; }
.section-heading { max-width: 840px; margin-bottom: 44px; }
.section-heading p, .section-heading .lede { margin-top: 22px; }
.eyebrow { margin-bottom: 22px; color: var(--accent-light); font-size: 11px; font-weight: 600; letter-spacing: .16em; line-height: 1.5; }
.lede { max-width: 720px; margin-top: 24px; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.75; }
.page-hero { padding-block: 88px 76px; }
.page-hero h1 span { color: var(--accent-light); }
.page-hero .actions { margin-top: 34px; }
.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.button span { margin-left: 16px; }
.button.primary { background: var(--action); color: var(--button-ink); }
.button.primary:hover { background: var(--action-hover); transform: translateY(-2px); }
.button.quiet { border-color: var(--line-strong); background: transparent; color: var(--ink); }
.button.quiet:hover { border-color: var(--accent-light); background: var(--surface-strong); }
.button:active { transform: translateY(1px); }
.button:disabled { cursor: default; opacity: .5; transform: none; }
.text-link { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; padding-block: 10px; color: var(--accent-light); font-weight: 600; }
.text-link:hover { text-decoration: underline; }

.editorial { display: grid; grid-template-columns: 1fr 2fr; gap: 64px; border-top: 1px solid var(--line); }
.editorial > div { max-width: 800px; }
.editorial h2 { margin-bottom: 28px; }
.editorial p + p { margin-top: 18px; }
.editorial .text-link { margin-top: 24px; }
.detail-list { margin: 28px 0 0; }
.detail-list > div { display: grid; grid-template-columns: 140px 1fr; gap: 20px; padding: 20px 0; border-top: 1px solid var(--line); }
.detail-list dt { font-weight: 600; }
.detail-list dd { color: var(--muted); }
.guide-links { display: grid; gap: 28px; }
.guide-links > a { display: grid; grid-template-columns: 150px 1fr auto; align-items: center; gap: 36px; padding-block: 30px; border-top: 1px solid var(--line); }
.guide-links > a > span:first-child { color: var(--muted); font-size: 12px; }
.guide-links h2 { font-size: 30px; }
.guide-links > a:hover h2 { color: var(--accent-light); }

.closing { padding-block: 78px; border-block: 1px solid var(--line); background: var(--surface); }
.closing-inner { display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.closing h2 { font-size: clamp(30px, 3.5vw, 48px); }
.closing p { margin-bottom: 22px; font-size: 17px; }
.site-footer { padding-block: 66px 26px; border-top: 1px solid var(--line); background: var(--night); }
.footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 54px; }
.footer-brand img { width: 108px; height: 44px; object-fit: contain; margin-bottom: 18px; }
.footer-brand p { margin-bottom: 14px; font-size: 14px; }
.footer-email { font-size: 13px; overflow-wrap: anywhere; }
.footer-group h3 { margin: 14px 0 16px; font-size: 14px; letter-spacing: 0; }
.footer-group a { display: block; padding-block: 6px; color: var(--muted); font-size: 13px; }
.site-footer a:hover { color: var(--accent-light); }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.footer-bottom > div { display: flex; flex-wrap: wrap; gap: 22px; }
.footer-bottom a { padding-block: 8px; }

@media (max-width: 1120px) {
  #navigation { gap: 18px; }
  .header-inner { gap: 18px; }
}
@media (max-width: 1023px) {
  .site-header { height: 68px; }
  .header-inner { gap: 22px; }
  .brand img { width: 96px; height: 40px; }
  .menu-toggle { display: inline-flex; order: 3; }
  .language { order: 2; padding-left: 0; border: 0; }
  #navigation { display: none; position: absolute; inset: 68px 0 auto; max-height: calc(100dvh - 68px); overflow-y: auto; padding: 24px 36px 30px; border-bottom: 1px solid var(--line); background: var(--menu-bg); }
  #navigation[data-open='true'] { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
  #navigation > a { padding: 10px 0; font-size: 17px; }
  #navigation .nav-contact { justify-content: space-between; margin-top: 12px; padding: 12px 18px; }
  .menu-open { overflow: hidden; }
  .section { padding-block: 82px; }
  .editorial { grid-template-columns: 1fr 2fr; gap: 32px; }
  .guide-links > a { grid-template-columns: 1fr; gap: 18px; }
}
/* Without JavaScript, the full navigation stays in the document flow. */
@media (max-width: 1023px) {
  html:not(.js) .site-header { position: relative; height: auto; }
  html:not(.js) .header-inner { flex-wrap: wrap; padding-block: 12px; }
  html:not(.js) .menu-toggle { display: none; }
  html:not(.js) #navigation { position: static; display: flex; flex-wrap: wrap; order: 4; width: 100%; gap: 12px 20px; padding: 8px 0; border: 0; background: none; }
  html:not(.js) #navigation > a { min-height: 40px; padding: 0; font-size: 14px; }
  html:not(.js) #navigation .nav-contact { margin: 0; padding: 8px 14px; }
}
@media (max-width: 639px) {
  :root { --shell: calc(100% - 36px); }
  .header-inner { gap: 8px; }
  .theme-toggle { padding-inline: 6px; }
  .theme-menu { right: -8px; }
  .language { min-width: 36px; }
  .menu-toggle { gap: 8px; font-size: 13px; }
  html { scroll-padding-top: 84px; }
  h1 { font-size: 40px; }
  h2 { font-size: 32px; }
  h3 { font-size: 22px; }
  .section { padding-block: 64px; }
  .page-hero { padding-block: 54px; }
  .page-hero .lede { margin-top: 20px; }
  .lede { font-size: 17px; }
  .eyebrow { margin-bottom: 18px; }
  .section-heading { margin-bottom: 30px; }
  .editorial { grid-template-columns: 1fr; gap: 18px; }
  .detail-list > div { grid-template-columns: 1fr; gap: 6px; }
  .actions { gap: 12px; }
  .button { min-height: 48px; padding: 12px 18px; font-size: 14px; }
  .closing { padding-block: 52px; }
  .closing-inner { flex-direction: column; align-items: flex-start; gap: 28px; }
  .closing p { font-size: 16px; }
  .site-footer { padding-top: 44px; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 28px; padding-bottom: 34px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 16px; }
  .footer-bottom > div { gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  .button.primary { border: 1px solid ButtonText; }
  .site-header { background: Canvas; }
  .brand img, .footer-brand img { forced-color-adjust: none; }
}

/* Apple source-frame composition for the home and Flow product story. */
body.apple-source-page {
  --shell: min(1200px, calc(100% - 64px));
  --radius-card: 22px;
  --radius-control: 999px;
  --radius-pill: 999px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Pretendard, Arial, sans-serif;
}
body.apple-source-page:lang(ko) { font-family: Pretendard, -apple-system, BlinkMacSystemFont, "SF Pro Text", Arial, sans-serif; }
.site-header { height: 44px; }
.header-inner { gap: 22px; }
.brand .logo-image { width: 86px; height: 36px; }
#navigation { gap: clamp(16px, 2vw, 28px); font-size: 12px; font-weight: 400; }
#navigation .nav-contact { min-height: 30px; padding-inline: 14px; border: 0; border-radius: 999px; background: var(--action); color: var(--button-ink); font-size: 12px; }
#navigation .nav-contact:hover { background: var(--action-hover); color: var(--button-ink); }
.apple-story { color: var(--ink); }
.apple-promo {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 692px;
  overflow: hidden;
  padding: 54px 24px 0;
  text-align: center;
}
.apple-promo--hero { background: var(--bg); }
.apple-promo--workflow { background: var(--surface-strong); }
.apple-promo--evidence { background: var(--surface); }
.apple-promo-copy { position: relative; z-index: 1; width: min(900px, 100%); margin-inline: auto; }
.apple-promo .eyebrow,
.apple-features .eyebrow,
.apple-handoff .eyebrow,
.apple-gallery .eyebrow,
.apple-current-workflow .eyebrow { margin: 0 0 13px; color: var(--accent); font-size: 11px; font-weight: 650; letter-spacing: .075em; line-height: 1.4; text-transform: uppercase; }
.apple-promo h1,
.apple-promo h2 { max-width: 880px; margin: 0 auto 14px; color: var(--ink); font-size: clamp(42px, 4vw, 55px); font-weight: 700; line-height: 1.04; letter-spacing: -.055em; text-wrap: balance; }
.apple-promo-lede { max-width: 670px; margin: 0 auto; color: var(--muted-strong); font-size: 18px; line-height: 1.55; text-wrap: balance; }
.apple-promo-actions { display: flex; justify-content: center; align-items: center; gap: 24px; margin-top: 22px; }
.apple-promo-actions .button { min-height: 38px; padding: 0 18px; border-radius: 999px; font-size: 13px; }
.apple-inline-link { color: var(--accent); font-size: 14px; font-weight: 500; text-underline-offset: 3px; }
.apple-inline-link:hover { text-decoration: underline; }
.apple-status { display: flex; justify-content: center; align-items: flex-start; gap: 8px; margin: 13px auto 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.apple-status > span { flex: 0 0 7px; width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: var(--accent); }
.apple-promo-media { width: min(960px, 88vw); justify-self: center; align-self: end; margin: 34px auto 0; }
.apple-cycle-art { display: grid; place-items: end center; }
.apple-cycle-window { width: 100%; min-height: 300px; overflow: hidden; padding: 0 34px 30px; border: 1px solid rgba(29, 29, 31, .08); border-bottom: 0; border-radius: 21px 21px 0 0; background: var(--surface); box-shadow: 0 24px 70px rgba(29, 29, 31, .11); text-align: left; }
.apple-window-top { display: flex; min-height: 54px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 11px; letter-spacing: .05em; }
.apple-window-top span:first-child { color: var(--ink); font-size: 14px; font-weight: 650; letter-spacing: -.02em; }
.apple-cycle-track { display: grid; grid-template-columns: 1fr 32px 1fr 32px 1fr 32px 1fr; align-items: center; gap: 12px; max-width: 820px; margin: 54px auto 42px; }
.apple-cycle-track > div { display: grid; justify-items: center; gap: 11px; text-align: center; }
.apple-cycle-track > div > span { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(94, 73, 214, .25); border-radius: 50%; background: var(--surface-strong); color: var(--accent); font-size: 12px; font-weight: 650; }
.apple-cycle-track b { color: var(--ink); font-size: 13px; font-weight: 600; }
.apple-cycle-track > i { display: block; height: 1px; background: var(--line-strong); }
.apple-cycle-foot { display: flex; justify-content: space-between; gap: 18px; padding-top: 15px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; letter-spacing: .045em; }
.apple-workflow-art { display: flex; align-items: end; }
.apple-workflow-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; margin: 0; padding: 28px 0 58px; list-style: none; border-top: 1px solid rgba(29, 29, 31, .16); }
.apple-workflow-list > li { display: grid; grid-template-rows: auto 1fr; gap: 21px; min-height: 205px; padding: 0 22px; text-align: left; }
.apple-workflow-list > li + li { border-left: 1px solid rgba(29, 29, 31, .14); }
.apple-step-icon { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(94, 73, 214, .22); border-radius: 15px; background: var(--surface); color: var(--accent); font-size: 12px; font-weight: 650; }
.apple-workflow-list h3 { margin: 0 0 8px; color: var(--ink); font-size: 17px; letter-spacing: -.025em; }
.apple-workflow-list p { max-width: 220px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.apple-evidence-art { display: grid; place-items: end center; }
.apple-evidence-panel { width: min(750px, 100%); margin-bottom: 42px; padding: 30px 40px 26px; border: 1px solid var(--line); border-radius: 20px 20px 0 0; background: var(--bg); text-align: left; box-shadow: 0 20px 60px rgba(29, 29, 31, .08); }
.apple-evidence-kicker { margin: 0 0 18px; color: var(--accent); font-size: 10px; font-weight: 650; letter-spacing: .08em; }
.apple-evidence-panel dl { margin: 0; border-top: 1px solid var(--line-strong); }
.apple-evidence-row { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.apple-evidence-row dt { color: var(--ink); font-size: 13px; font-weight: 600; }
.apple-evidence-row dd { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.apple-evidence-note { max-width: 650px; margin: 16px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.apple-features { padding: 92px 0 96px; background: var(--bg); }
.apple-features-heading { max-width: 900px; margin-bottom: 34px; text-align: center; }
.apple-features-heading h2,
.apple-gallery-heading h2 { max-width: 800px; margin: 0 auto 13px; color: var(--ink); font-size: clamp(36px, 3.4vw, 46px); line-height: 1.06; letter-spacing: -.052em; text-wrap: balance; }
.apple-features-heading > p:last-child { max-width: 720px; margin: 0 auto; color: var(--muted); font-size: 15px; line-height: 1.6; }
.apple-feature-grid { display: grid; width: min(1440px, calc(100vw - 18px)); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.apple-feature-card { position: relative; display: flex; min-height: 580px; flex-direction: column; overflow: hidden; padding: 42px 36px 0; border-radius: 22px; background: var(--surface); text-align: center; }
.apple-feature-card:nth-child(3n + 2) { background: var(--surface-strong); }
.apple-feature-index { margin: 0 0 15px; color: var(--accent); font-size: 10px; font-weight: 650; letter-spacing: .08em; }
.apple-feature-index span { margin-left: 6px; color: var(--muted); font-size: 9px; }
.apple-feature-card h3 { max-width: 460px; margin: 0 auto 11px; color: var(--ink); font-size: clamp(26px, 2.4vw, 33px); line-height: 1.12; letter-spacing: -.045em; text-wrap: balance; }
.apple-feature-card > p:not(.apple-feature-index) { max-width: 440px; margin: 0 auto; color: var(--muted); font-size: 14px; line-height: 1.55; }
.apple-feature-visual { position: relative; display: flex; width: 100%; flex: 1; min-height: 270px; align-items: center; justify-content: center; gap: 14px; margin-top: 35px; overflow: hidden; }
.apple-visual-mark { display: grid; width: 82px; height: 82px; place-items: center; border: 1px solid rgba(94, 73, 214, .25); border-radius: 25px; background: var(--surface-strong); color: var(--accent); font-size: 18px; font-weight: 650; box-shadow: 0 18px 35px rgba(94, 73, 214, .10); }
.apple-feature-card:nth-child(3n + 2) .apple-visual-mark { background: var(--surface); }
.apple-visual-rule { display: block; width: 12%; height: 2px; background: rgba(94, 73, 214, .18); }
.apple-feature-card--sources .apple-visual-mark { border-radius: 50%; }
.apple-feature-card--equipment .apple-visual-mark { border-radius: 50% 50% 24px 24px; }
.apple-feature-card--uncertainty .apple-visual-mark { transform: rotate(45deg); }
.apple-feature-card--uncertainty .apple-visual-mark::first-letter { transform: rotate(-45deg); }
.apple-feature-card--outcomes .apple-feature-visual { align-items: end; padding-bottom: 45px; }
.apple-feature-card--outcomes .apple-visual-mark { width: 20%; height: 55%; border-radius: 14px 14px 5px 5px; }
.apple-feature-card--stages .apple-visual-mark { width: 62px; height: 62px; border-radius: 50%; }
.apple-feature-card--stages .apple-visual-rule { width: 14%; }
.apple-handoff { padding: 82px 0; background: var(--surface); }
.apple-handoff-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 80px; align-items: center; }
.apple-handoff-inner h2 { margin: 0 0 16px; color: var(--ink); font-size: clamp(38px, 4vw, 52px); line-height: 1.05; letter-spacing: -.052em; }
.apple-handoff-inner > div > p:last-child { max-width: 560px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
.apple-handoff-content { display: grid; align-content: center; }
.apple-handoff-list { margin: 0; border-top: 1px solid var(--line-strong); }
.apple-handoff-row { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 18px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.apple-handoff-row dt { color: var(--ink); font-size: 13px; font-weight: 600; }
.apple-handoff-row dd { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.apple-handoff-content .manager-story-action { justify-self: start; min-width: 0; min-height: 38px; margin-top: 19px; padding-inline: 18px; border: 0; border-radius: 999px; font-size: 13px; }
.apple-gallery { padding: 78px 0 82px; overflow: hidden; background: var(--surface-strong); }
.apple-gallery-heading { margin-bottom: 26px; text-align: center; }
.apple-gallery-heading h2 { margin-bottom: 0; }
.apple-gallery-viewport { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: var(--accent) transparent; scroll-snap-type: x mandatory; }
.apple-gallery-viewport:focus-visible { outline: 3px solid var(--accent); outline-offset: -4px; }
.apple-gallery-track { display: flex; width: max-content; gap: 18px; margin: 0; padding: 0 max(32px, calc((100vw - 1120px) / 2)) 16px; list-style: none; }
.apple-gallery-track > li { width: min(360px, calc(100vw - 48px)); scroll-snap-align: start; }
.apple-gallery-card { display: flex; min-height: 325px; flex-direction: column; align-items: flex-start; padding: 28px; border: 1px solid rgba(29, 29, 31, .07); border-radius: 20px; background: var(--surface); color: var(--ink); }
.apple-gallery-symbol { display: grid; width: 56px; height: 56px; place-items: center; margin-bottom: 28px; border-radius: 18px; background: var(--surface-strong); color: var(--accent); font-size: 24px; }
.apple-gallery-card .eyebrow { margin-bottom: 9px; font-size: 9px; }
.apple-gallery-card h3 { margin: 0 0 8px; font-size: 23px; letter-spacing: -.035em; }
.apple-gallery-card > p:not(.eyebrow) { margin: 0 0 18px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.apple-gallery-link { margin-top: auto; color: var(--accent); font-size: 13px; font-weight: 600; }
.apple-gallery-card:hover .apple-gallery-link { text-decoration: underline; text-underline-offset: 3px; }
.apple-visual-gallery { padding: 74px 0 78px; overflow: hidden; background: var(--surface); }
.apple-visual-gallery .apple-gallery-heading { margin-bottom: 28px; }
.apple-visual-gallery .apple-gallery-heading > p:last-child { max-width: 680px; margin: 14px auto 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.apple-visual-gallery-track { display: flex; width: max-content; gap: 18px; margin: 0; padding: 0 max(32px, calc((100vw - 1120px) / 2)) 18px; list-style: none; }
.apple-visual-gallery-track > li { width: min(360px, calc(100vw - 48px)); scroll-snap-align: start; }
.apple-visual-gallery-card { min-height: 330px; overflow: hidden; border: 1px solid rgba(29, 29, 31, .08); border-radius: 20px; background: var(--bg); }
.apple-visual-gallery-card > figure { height: 230px; margin: 0; overflow: hidden; border-radius: 17px; background: var(--surface-strong); }
.apple-visual-gallery-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.apple-visual-gallery-card > div { padding: 18px 20px 19px; }
.apple-visual-gallery-card .eyebrow { margin: 0 0 5px; font-size: 9px; }
.apple-visual-gallery-card h3 { margin: 0; color: var(--ink); font-size: 19px; letter-spacing: -.025em; }
.apple-current-workflow { padding: 74px 0 84px; background: var(--bg); }
.apple-current-inner { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 64px; align-items: start; }
.apple-current-copy h2 { margin: 0 0 14px; color: var(--ink); font-size: clamp(31px, 3.2vw, 42px); line-height: 1.1; letter-spacing: -.05em; }
.apple-current-copy > p:not(.eyebrow) { margin: 0 0 17px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.apple-current-workflow .manager-story-separate-product { width: auto; margin: 0; padding: 18px 0 0; border: 0; border-top: 1px solid var(--line-strong); }
.apple-current-workflow .manager-story-separate-product > summary { min-height: 44px; color: var(--accent); font-size: 13px; }
.apple-current-workflow .product-capture-boundary { color: var(--muted); font-size: 12px; line-height: 1.6; }
.apple-current-workflow .product-capture { max-height: 440px; overflow: auto; margin: 16px 0 0; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.apple-current-workflow .product-capture picture { display: block; border-radius: 0; }
.apple-current-workflow .product-capture img { display: block; width: 100%; height: auto; }
.apple-current-workflow .product-capture figcaption { padding: 11px 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.footer-group { min-width: 0; }
.footer-group summary { margin: 14px 0 16px; color: var(--ink); cursor: pointer; font-size: 14px; font-weight: 650; list-style: none; }
.footer-group summary::-webkit-details-marker { display: none; }
.footer-group summary::after { content: ""; }
.footer-group > a { display: block; padding-block: 6px; color: var(--muted); font-size: 13px; }

@media (max-width: 1023px) {
  .site-header { height: 48px; }
  #navigation { inset: 48px 0 auto; max-height: calc(100dvh - 48px); }
  #navigation > a { font-size: 15px; }
  #navigation .nav-contact { min-height: 42px; justify-content: space-between; }
  .header-inner { gap: 16px; }
  .apple-handoff-inner, .apple-current-inner { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 639px) {
  body.apple-source-page { --shell: calc(100% - 36px); }
  .brand .logo-image { width: 76px; height: 32px; }
  .site-header { height: 48px; }
  .header-inner { gap: 8px; }
  .apple-promo { min-height: 650px; padding: 58px 18px 0; }
  .apple-promo h1, .apple-promo h2 { max-width: 380px; font-size: clamp(31px, 8.2vw, 38px); line-height: 1.08; letter-spacing: -.045em; }
  .apple-promo-lede { max-width: 370px; font-size: 15px; line-height: 1.55; }
  .apple-promo-actions { flex-direction: column; gap: 13px; margin-top: 19px; }
  .apple-promo-actions .button { min-height: 40px; }
  .apple-status { max-width: 380px; font-size: 10px; }
  .apple-promo-media { width: calc(100vw - 36px); margin-top: 28px; }
  .apple-cycle-window { min-height: 250px; padding: 0 14px 18px; border-radius: 16px 16px 0 0; }
  .apple-window-top { min-height: 42px; font-size: 9px; }
  .apple-window-top span:first-child { font-size: 12px; }
  .apple-cycle-track { grid-template-columns: 1fr 12px 1fr; gap: 12px 5px; margin: 23px auto 20px; }
  .apple-cycle-track > i:nth-of-type(2) { display: none; }
  .apple-cycle-track > div { gap: 6px; }
  .apple-cycle-track > div > span { width: 38px; height: 38px; font-size: 10px; }
  .apple-cycle-track b { font-size: 10px; }
  .apple-cycle-foot { flex-direction: column; gap: 5px; padding-top: 10px; font-size: 8px; }
  .apple-workflow-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: 18px 0 30px; }
  .apple-workflow-list > li { min-height: 190px; gap: 13px; padding: 0 12px 18px; }
  .apple-workflow-list > li + li { border-left: 0; }
  .apple-workflow-list > li:nth-child(even) { border-left: 1px solid rgba(29, 29, 31, .14); }
  .apple-workflow-list > li:nth-child(n + 3) { border-top: 1px solid rgba(29, 29, 31, .14); padding-top: 18px; }
  .apple-step-icon { width: 40px; height: 40px; border-radius: 13px; }
  .apple-workflow-list h3 { font-size: 14px; }
  .apple-workflow-list p { font-size: 11px; }
  .apple-evidence-panel { margin-bottom: 28px; padding: 20px 18px 18px; border-radius: 16px 16px 0 0; }
  .apple-evidence-row { grid-template-columns: 78px minmax(0, 1fr); gap: 10px; padding: 11px 0; }
  .apple-evidence-row dt { font-size: 11px; }
  .apple-evidence-row dd, .apple-evidence-note { font-size: 10px; }
  .apple-features { padding: 62px 0 66px; }
  .apple-features-heading { margin-bottom: 24px; }
  .apple-features-heading h2, .apple-gallery-heading h2 { font-size: 32px; }
  .apple-features-heading > p:last-child { font-size: 13px; }
  .apple-feature-grid { grid-template-columns: 1fr; gap: 14px; }
  .apple-feature-card { min-height: 500px; padding: 32px 24px 0; border-radius: 18px; }
  .apple-feature-card h3 { font-size: 27px; }
  .apple-feature-card > p:not(.apple-feature-index) { font-size: 13px; }
  .apple-feature-visual { min-height: 235px; margin-top: 25px; }
  .apple-handoff { padding: 62px 0; }
  .apple-handoff-inner { gap: 28px; }
  .apple-handoff-inner h2 { font-size: 38px; }
  .apple-handoff-row { grid-template-columns: 96px minmax(0, 1fr); gap: 10px; }
  .apple-handoff-row dt { font-size: 11px; }
  .apple-handoff-row dd { font-size: 10px; }
  .apple-handoff-content .manager-story-action { width: auto; }
  .apple-gallery { padding: 58px 0 62px; }
  .apple-gallery-heading { margin-bottom: 20px; }
  .apple-gallery-track { gap: 12px; padding-inline: 18px; }
  .apple-gallery-track > li { width: min(300px, calc(100vw - 36px)); }
  .apple-gallery-card { min-height: 290px; padding: 22px; border-radius: 17px; }
  .apple-visual-gallery { padding: 57px 0 62px; }
  .apple-visual-gallery .apple-gallery-heading { margin-bottom: 20px; }
  .apple-visual-gallery .apple-gallery-heading h2 { font-size: 31px; }
  .apple-visual-gallery-track { gap: 12px; padding-inline: 18px; }
  .apple-visual-gallery-track > li { width: min(300px, calc(100vw - 36px)); }
  .apple-visual-gallery-card { min-height: 290px; border-radius: 17px; }
  .apple-visual-gallery-card > figure { height: 190px; border-radius: 15px; }
  .apple-visual-gallery-card > div { padding: 15px 17px 17px; }
  .apple-current-workflow { padding: 54px 0 62px; }
  .apple-current-inner { gap: 27px; }
  .apple-current-copy h2 { font-size: 32px; }
  .apple-current-workflow .product-capture { max-height: 330px; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-group { grid-column: 1 / -1; border-top: 1px solid var(--line); }
  .footer-group summary { display: flex; min-height: 44px; align-items: center; justify-content: space-between; margin: 0; font-size: 13px; }
  .footer-group summary::after { content: "+"; color: var(--muted); font-size: 18px; font-weight: 400; }
  .footer-group[open] summary::after { content: "−"; }
  .footer-group > a { padding: 9px 0; font-size: 12px; }
}

/* Home composition mapped to the supplied Apple `apple.com` frame. */
.apple-home-hero { padding-bottom: 0; }
.apple-home-hero-copy { width: min(920px, 100%); }
.apple-home-hero-copy h1 { max-width: 900px; }
.apple-home-hero-media { width: calc(100% + 48px); height: 408px; margin: 34px -24px 0; overflow: hidden; background: var(--surface-strong); }
.apple-home-hero-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.apple-home-promo { min-height: 692px; }
.apple-home-stage-diagram { display: grid; width: min(1080px, 88vw); grid-template-columns: repeat(3, minmax(0, 1fr)); align-self: end; gap: 0; margin: 0 auto 56px; padding: 0; list-style: none; }
.apple-home-stage-diagram > li { display: grid; justify-items: center; gap: 14px; padding: 0 28px; text-align: center; }
.apple-home-stage-diagram > li + li { border-left: 1px solid var(--line); }
.apple-home-stage-symbol { display: block; width: 66px; height: 66px; border: 1px solid rgba(94, 73, 214, .24); border-radius: 22px; background: var(--surface); box-shadow: 0 14px 32px rgba(94, 73, 214, .08); }
.apple-home-stage-diagram > li:nth-child(2) .apple-home-stage-symbol { border-radius: 50%; }
.apple-home-stage-diagram > li:nth-child(3) .apple-home-stage-symbol { border-radius: 50% 50% 18px 18px; }
.apple-home-stage-diagram h3 { margin: 0; color: var(--ink); font-size: 19px; letter-spacing: -.025em; }
.apple-home-stage-diagram p { max-width: 250px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.apple-home-evidence-art { display: grid; width: min(1080px, 88vw); grid-template-columns: repeat(3, minmax(0, 1fr)); align-self: end; gap: 16px; margin: 0 auto 54px; padding: 0; list-style: none; }
.apple-home-evidence-kind { min-height: 178px; padding: 24px 26px; border: 1px solid var(--line); border-radius: 20px; background: var(--bg); text-align: left; }
.apple-home-evidence-kind > span { display: block; width: 42px; height: 42px; margin-bottom: 22px; border: 1px solid rgba(94, 73, 214, .24); border-radius: 50%; background: var(--surface-strong); }
.apple-home-evidence-kind--inferred > span { border-style: dashed; }
.apple-home-evidence-kind--missing > span { border-radius: 14px; background: transparent; }
.apple-home-evidence-kind h3 { margin: 0 0 5px; color: var(--ink); font-size: 16px; }
.apple-home-evidence-kind p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.apple-home-features .apple-features-heading { margin-bottom: 32px; }
.apple-home-features .apple-features-heading h2 { margin-bottom: 0; }
.apple-home-feature-card { padding-bottom: 30px; }
.apple-home-feature-card h3 { max-width: 490px; }
.apple-home-feature-card > p { max-width: 440px; }
.apple-home-card-art { display: grid; width: min(460px, 100%); min-height: 270px; flex: 1; grid-template-columns: 1fr 1fr 1fr; align-content: center; align-items: center; justify-items: center; gap: 16px; margin: 26px auto 0; }
.apple-home-card-art > span { display: block; width: 72px; height: 72px; border: 1px solid rgba(94, 73, 214, .24); border-radius: 23px; background: var(--surface-strong); box-shadow: 0 15px 34px rgba(94, 73, 214, .08); }
.apple-home-card-art > i { display: block; width: 70%; height: 2px; background: rgba(94, 73, 214, .18); }
.apple-home-card-art--standard > span { width: 84px; height: 54px; border-radius: 14px; }
.apple-home-card-art--cycle > span { border-radius: 50%; border-style: dashed; }
.apple-home-card-art--context > span { width: 58px; height: 84px; border-radius: 20px 20px 8px 8px; }
.apple-home-card-art--outcomes > span { width: 48px; height: 84px; border-radius: 9px 9px 3px 3px; }
.apple-home-card-art--gates > span { width: 64px; height: 64px; border-radius: 50%; }
.apple-home-card-art--validation > span { width: 84px; height: 54px; border-radius: 27px; }
.apple-home-gallery { padding-block: 74px 78px; }
.apple-home-gallery .apple-gallery-heading { margin-bottom: 28px; }
.apple-home-contact { padding: 76px 24px 82px; background: var(--bg); text-align: center; }
.apple-home-contact > div { width: min(780px, 100%); margin-inline: auto; }
.apple-home-contact .eyebrow { margin: 0 0 12px; color: var(--accent); font-size: 10px; font-weight: 650; letter-spacing: .08em; }
.apple-home-contact h2 { margin: 0 0 10px; color: var(--ink); font-size: clamp(30px, 3vw, 40px); line-height: 1.1; letter-spacing: -.045em; }
.apple-home-contact p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.apple-home-contact .manager-story-action { min-width: 0; min-height: 38px; margin-top: 20px; padding-inline: 18px; border: 0; border-radius: 999px; font-size: 13px; }
@media (max-width: 639px) {
  .apple-home-hero { min-height: 650px; padding-inline: 18px; }
  .apple-home-hero-media { width: calc(100% + 36px); height: 252px; margin: 24px -18px 0; }
  .apple-home-promo { min-height: 610px; padding-bottom: 0; }
  .apple-home-stage-diagram { width: calc(100vw - 36px); margin-bottom: 32px; }
  .apple-home-stage-diagram > li { gap: 10px; padding-inline: 10px; }
  .apple-home-stage-symbol { width: 48px; height: 48px; border-radius: 16px; }
  .apple-home-stage-diagram h3 { font-size: 13px; }
  .apple-home-stage-diagram p { font-size: 10px; }
  .apple-home-evidence-art { width: calc(100vw - 36px); gap: 8px; margin-bottom: 28px; }
  .apple-home-evidence-kind { min-height: 142px; padding: 16px 12px; border-radius: 14px; }
  .apple-home-evidence-kind > span { width: 30px; height: 30px; margin-bottom: 16px; }
  .apple-home-evidence-kind h3 { font-size: 12px; }
  .apple-home-evidence-kind p { font-size: 9px; }
  .apple-home-features .apple-features-heading { margin-bottom: 22px; }
  .apple-home-feature-card { min-height: 430px; padding: 30px 24px 22px; }
  .apple-home-feature-card h3 { font-size: 27px; }
  .apple-home-feature-card > p { font-size: 13px; }
  .apple-home-card-art { min-height: 200px; margin-top: 20px; }
  .apple-home-card-art > span { width: 60px; height: 60px; }
  .apple-home-card-art--standard > span { width: 68px; height: 48px; }
  .apple-home-card-art--context > span { width: 46px; height: 70px; }
  .apple-home-card-art--outcomes > span { width: 40px; height: 68px; }
  .apple-home-card-art--validation > span { width: 70px; height: 48px; }
  .apple-home-gallery { padding-block: 57px 62px; }
  .apple-home-gallery .apple-gallery-heading { margin-bottom: 20px; }
  .apple-home-contact { padding: 52px 18px 58px; }
  .apple-home-contact h2 { font-size: 29px; }
}