.platform-hero {
    min-height: 760px;
    padding: clamp(5rem, 9vw, 9rem) max(1.5rem, calc((100vw - var(--max)) / 2 + 1.5rem));
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(340px, .55fr);
    gap: clamp(3rem, 7vw, 7rem);
    align-items: center;
    color: #fff;
    background:
        radial-gradient(circle at 84% 16%, rgba(239,195,125,.2), transparent 22rem),
        linear-gradient(135deg, #0d172b 0%, #16223b 58%, #24334f 100%);
}
.platform-hero-copy h1 {
    max-width: 13ch;
    font-size: clamp(3.4rem, 6.8vw, 7.2rem);
}
.platform-hero-copy > p:not(.eyebrow) {
    max-width: 820px;
    color: #cbd5e5;
    font-family: var(--serif);
    font-size: clamp(1.12rem, 1.8vw, 1.35rem);
    line-height: 1.65;
}
.platform-hero-actions {
    margin-top: 2.4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    align-items: center;
}
.platform-text-link {
    color: #fff;
    font-weight: 800;
    text-decoration-thickness: 1px;
    text-underline-offset: .28rem;
}
.platform-brief {
    position: relative;
    padding: 2rem;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 28px;
    background: rgba(255,255,255,.07);
    box-shadow: 0 30px 70px rgba(0,0,0,.22);
    backdrop-filter: blur(12px);
}
.platform-brief::after {
    content: '2.2';
    position: absolute;
    right: -1.2rem;
    bottom: -3.5rem;
    color: rgba(255,255,255,.055);
    font-family: var(--serif);
    font-size: 10rem;
    font-style: italic;
    font-weight: 900;
    line-height: 1;
}
.platform-brief-label {
    margin: 0 0 1.2rem;
    color: #efc37d;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.platform-brief dl { position: relative; z-index: 1; margin: 0; }
.platform-brief dl div {
    padding: .95rem 0;
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 1rem;
    border-bottom: 1px solid rgba(255,255,255,.14);
}
.platform-brief dt {
    color: #9eabc0;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.platform-brief dd { margin: 0; color: #fff; font-family: var(--serif); line-height: 1.45; }
.platform-brief-note { position: relative; z-index: 1; margin: 1.4rem 0 0; color: #bdc9db; font-size: .84rem; line-height: 1.55; }

.platform-position,
.platform-hubs,
.platform-publishing,
.platform-technical,
.platform-scope {
    max-width: var(--max);
    margin: auto;
    padding: clamp(5rem, 9vw, 9rem) 1.5rem;
}
.platform-position {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: clamp(3rem, 8vw, 8rem);
    align-items: start;
}
.platform-section-number {
    display: block;
    margin-bottom: 2rem;
    color: var(--gold);
    font-family: var(--serif);
    font-size: 5rem;
    font-style: italic;
    font-weight: 800;
    line-height: .8;
}
.platform-position-heading h2 { max-width: 15ch; }
.platform-position-copy {
    padding-top: 6.5rem;
    color: var(--muted);
    font-family: var(--serif);
    font-size: 1.16rem;
    line-height: 1.75;
}
.platform-position-copy blockquote {
    margin: 2.5rem 0 0;
    padding: 1.5rem 0 1.5rem 1.6rem;
    border-left: 5px solid var(--gold);
    color: var(--ink);
    font-size: 1.45rem;
    font-style: italic;
}

.platform-section-heading {
    margin-bottom: 3.5rem;
    display: grid;
    grid-template-columns: 1.25fr .65fr;
    gap: 4rem;
    align-items: end;
}
.platform-section-heading h2 { max-width: 16ch; }
.platform-section-heading > p {
    margin: 0;
    color: var(--muted);
    font-family: var(--serif);
    font-size: 1.06rem;
    line-height: 1.7;
}
.platform-hub-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1rem;
}
.platform-hub-card {
    --card-bg: #f7f2e8;
    --card-ink: #17243a;
    --card-accent: #b78a3d;
    position: relative;
    min-height: 285px;
    padding: 1.6rem;
    grid-column: span 4;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--card-accent) 28%, transparent);
    border-radius: 24px;
    color: var(--card-ink);
    background: var(--card-bg);
    text-decoration: none;
    box-shadow: 0 15px 44px rgba(17,28,53,.07);
    transition: transform .2s ease, box-shadow .2s ease;
}
.platform-hub-card:nth-child(1),
.platform-hub-card:nth-child(6),
.platform-hub-card:nth-child(9) { grid-column: span 5; }
.platform-hub-card:nth-child(2),
.platform-hub-card:nth-child(5),
.platform-hub-card:nth-child(10) { grid-column: span 7; }
.platform-hub-card:hover { transform: translateY(-6px); box-shadow: 0 24px 58px rgba(17,28,53,.13); }
.platform-hub-card::after {
    content: '';
    position: absolute;
    width: 170px;
    height: 170px;
    right: -70px;
    bottom: -80px;
    border: 2px solid var(--card-accent);
    border-radius: 50%;
    opacity: .25;
}
.platform-hub-number { color: var(--card-accent); font-family: var(--serif); font-size: 2.2rem; font-style: italic; }
.platform-hub-card h3 { max-width: 15ch; margin-top: 1.4rem; color: var(--card-ink); }
.platform-hub-card p { max-width: 620px; margin: auto 0 0; padding-top: 1.5rem; color: color-mix(in srgb, var(--card-ink) 72%, #fff); font-family: var(--serif); line-height: 1.55; }
.platform-hub-arrow { position: absolute; top: 1.5rem; right: 1.5rem; color: var(--card-accent); font-size: 1.35rem; }
.platform-hub-relationships { --card-bg: #f6eef2; --card-ink: #4f3b5d; --card-accent: #9a536e; }
.platform-hub-family { --card-bg: #f5f0e4; --card-ink: #315842; --card-accent: #667c8f; }
.platform-hub-work-money { --card-bg: #f2f4f6; --card-ink: #27374a; --card-accent: #a66a2c; }
.platform-hub-education { --card-bg: #f7fafc; --card-ink: #2e5f91; --card-accent: #2f7c7a; }
.platform-hub-technology { --card-bg: #111827; --card-ink: #f8fafc; --card-accent: #50b7c3; }
.platform-hub-society { --card-bg: #f4f0e8; --card-ink: #263241; --card-accent: #9e4d37; }
.platform-hub-future { --card-bg: #151b36; --card-ink: #f8fafc; --card-accent: #55b7c9; }
.platform-hub-projects { --card-bg: #eceff2; --card-ink: #394553; --card-accent: #667c8f; }
.platform-hub-tools { --card-bg: #fff; --card-ink: #1f365c; --card-accent: #2f7c7a; }

.platform-model {
    padding: clamp(5rem, 9vw, 9rem) max(1.5rem, calc((100vw - var(--max)) / 2 + 1.5rem));
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: clamp(3rem, 7vw, 7rem);
    color: #fff;
    background: var(--navy);
}
.platform-model-copy h2 { max-width: 14ch; }
.platform-model-copy > p:not(.eyebrow) { max-width: 690px; color: #c3cede; font-family: var(--serif); font-size: 1.08rem; line-height: 1.7; }
.platform-model-columns { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.22); }
.platform-model-columns section { padding: 2rem; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.platform-model-columns section:last-child { border-right: 0; }
.platform-model-columns span { color: #efc37d; font-size: .7rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.platform-model-columns h3 { margin-top: 2rem; color: #fff; }
.platform-model-columns ul { margin: 1.5rem 0 0; padding-left: 1.1rem; color: #c6d0df; font-family: var(--serif); }
.platform-model-columns li { margin: .7rem 0; }

.platform-system-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--line);
}
.platform-system-grid article {
    min-height: 350px;
    padding: 2rem;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}
.platform-system-grid article:nth-child(2n) { border-right: 0; }
.platform-system-index { color: var(--gold); font-family: var(--serif); font-size: 2.4rem; font-style: italic; }
.platform-system-grid h3 { margin-top: 2.4rem; }
.platform-system-grid p { max-width: 650px; color: var(--muted); font-family: var(--serif); line-height: 1.65; }
.platform-chip-list { margin-top: 1.4rem; display: flex; flex-wrap: wrap; gap: .5rem; }
.platform-chip-list span { padding: .45rem .7rem; border: 1px solid var(--line); border-radius: 999px; color: #344056; background: #fff; font-size: .72rem; font-weight: 800; }
.platform-chip-list-evidence span { border-color: rgba(46,95,145,.24); background: #f5f8fc; }

.platform-timeline {
    padding: clamp(5rem, 9vw, 9rem) max(1.5rem, calc((100vw - var(--max)) / 2 + 1.5rem));
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: clamp(3rem, 8vw, 8rem);
    align-items: center;
    background: #f3efe7;
}
.platform-timeline-visual { position: relative; min-height: 500px; }
.platform-timeline-line { position: absolute; left: 22%; top: 8%; bottom: 8%; width: 3px; background: var(--navy); }
.platform-timeline-node { position: absolute; left: calc(22% - 10px); width: 23px; height: 23px; border: 5px solid #f3efe7; border-radius: 50%; background: var(--rust); box-shadow: 0 0 0 2px var(--navy); }
.node-one { top: 13%; }
.node-two { top: 47%; }
.node-three { top: 81%; }
.platform-timeline-year { position: absolute; left: 0; color: var(--navy); font-family: var(--serif); font-size: 1.8rem; font-style: italic; font-weight: 800; }
.year-one { top: 11%; }
.year-two { top: 45%; }
.year-three { top: 79%; }
.platform-timeline-card { position: absolute; left: 31%; width: min(62%, 430px); padding: 1.4rem 1.6rem; border: 1px solid rgba(17,28,53,.15); border-radius: 18px; color: var(--navy); background: #fff; font-weight: 850; box-shadow: 0 18px 40px rgba(17,28,53,.09); }
.card-one { top: 8%; transform: rotate(-1deg); }
.card-two { top: 42%; transform: rotate(1deg); }
.card-three { top: 76%; transform: rotate(-.5deg); }
.platform-timeline-copy h2 { max-width: 14ch; }
.platform-timeline-copy > p:not(.eyebrow) { color: var(--muted); font-family: var(--serif); font-size: 1.08rem; line-height: 1.72; }

.platform-trust {
    padding: clamp(5rem, 9vw, 9rem) max(1.5rem, calc((100vw - var(--max)) / 2 + 1.5rem));
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(3rem, 7vw, 7rem);
    color: #fff;
    background: var(--rust);
}
.platform-trust-copy h2 { max-width: 15ch; }
.platform-trust-copy > p:not(.eyebrow) { max-width: 700px; color: #f4d8cf; font-family: var(--serif); font-size: 1.08rem; line-height: 1.7; }
.platform-trust-links { margin-top: 2rem; display: grid; border-top: 1px solid rgba(255,255,255,.25); }
.platform-trust-links a { padding: .95rem 0; display: flex; justify-content: space-between; gap: 1rem; color: #fff; border-bottom: 1px solid rgba(255,255,255,.2); text-decoration: none; font-weight: 800; }
.platform-trust-links a:hover { text-decoration: underline; text-underline-offset: .25rem; }
.platform-trust-ledger { border-top: 1px solid rgba(255,255,255,.28); }
.platform-trust-ledger div { position: relative; padding: 1.4rem 0 1.4rem 4.3rem; border-bottom: 1px solid rgba(255,255,255,.24); }
.platform-trust-ledger span { position: absolute; left: 0; top: 1.35rem; color: #efc37d; font-family: var(--serif); font-size: 1.7rem; font-style: italic; }
.platform-trust-ledger strong { display: block; font-size: 1.06rem; }
.platform-trust-ledger p { margin: .35rem 0 0; color: #f4d8cf; font-family: var(--serif); line-height: 1.55; }

.platform-release-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1rem;
}
.platform-release-grid article {
    min-height: 260px;
    padding: 1.6rem;
    grid-column: span 4;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(17,28,53,.055);
}
.platform-release-grid article:nth-child(4),
.platform-release-grid article:nth-child(5) { grid-column: span 6; }
.platform-release-grid span { color: var(--rust); font-size: .7rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.platform-release-grid h3 { margin-top: 2.4rem; }
.platform-release-grid p { color: var(--muted); font-family: var(--serif); line-height: 1.6; }
.platform-cadence-note { margin: 2.5rem 0 0; padding: 1.5rem 1.7rem; border-left: 6px solid var(--gold); color: var(--muted); background: var(--cream-2); font-family: var(--serif); line-height: 1.65; }
.platform-cadence-note strong { color: var(--ink); }

.platform-scope { padding-top: 0; }
.platform-scope > div:first-child { padding-top: clamp(5rem, 9vw, 9rem); border-top: 1px solid var(--line); }
.platform-scope h2 { max-width: 15ch; }
.platform-scope-grid { margin-top: 3rem; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.platform-scope-grid section { padding: 1.8rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.platform-scope-grid section:last-child { border-right: 0; }
.platform-scope-grid p { color: var(--muted); font-family: var(--serif); line-height: 1.65; }
.platform-source-footer { padding: 1.25rem 0; display: flex; justify-content: space-between; gap: 1.5rem; color: var(--muted); border-bottom: 1px solid var(--line); font-size: .75rem; font-weight: 750; }

@media (max-width: 1080px) {
    .platform-hero,
    .platform-position,
    .platform-model,
    .platform-timeline,
    .platform-trust { grid-template-columns: 1fr; }
    .platform-brief { max-width: 680px; }
    .platform-position-copy { padding-top: 0; }
    .platform-section-heading { grid-template-columns: 1fr; gap: 1.5rem; align-items: start; }
    .platform-hub-card:nth-child(n) { grid-column: span 6; }
    .platform-release-grid article:nth-child(n) { grid-column: span 6; }
    .platform-timeline-visual { min-height: 430px; }
}

@media (max-width: 760px) {
    .platform-hero { min-height: auto; }
    .platform-hero-copy h1 { font-size: clamp(3rem, 12vw, 5.5rem); }
    .platform-model-columns,
    .platform-system-grid,
    .platform-scope-grid { grid-template-columns: 1fr; }
    .platform-model-columns section,
    .platform-system-grid article,
    .platform-system-grid article:nth-child(2n),
    .platform-scope-grid section { border-right: 0; }
    .platform-hub-card:nth-child(n),
    .platform-release-grid article:nth-child(n) { grid-column: 1 / -1; }
    .platform-source-footer { flex-direction: column; }
}

@media (max-width: 560px) {
    .platform-hero,
    .platform-model,
    .platform-timeline,
    .platform-trust { padding-left: 1rem; padding-right: 1rem; }
    .platform-position,
    .platform-hubs,
    .platform-publishing,
    .platform-technical,
    .platform-scope { padding-left: 1rem; padding-right: 1rem; }
    .platform-brief { padding: 1.35rem; border-radius: 20px; }
    .platform-brief dl div { grid-template-columns: 1fr; gap: .2rem; }
    .platform-hub-card { min-height: 260px; }
    .platform-timeline-visual { min-height: 390px; }
    .platform-timeline-line { left: 28%; }
    .platform-timeline-node { left: calc(28% - 10px); }
    .platform-timeline-card { left: 39%; width: 59%; padding: 1rem; font-size: .84rem; }
    .platform-timeline-year { font-size: 1.35rem; }
}