.method-hero { padding-bottom: 104px; }
.method-hero .hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); }
.method-kicker { display: inline-flex; align-items: center; gap: 8px; margin: 18px 0 4px; color: var(--gold-light); font: 700 .72rem/1 var(--display); letter-spacing: .14em; text-transform: uppercase; }
.method-kicker i { width: 26px; height: 1px; background: var(--gold); }
.fusion-map { display: grid; grid-template-columns: 1fr auto 1fr; gap: 11px; align-items: center; margin-top: 34px; }
.fusion-source, .fusion-result { padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.035); }
.fusion-source strong, .fusion-result strong { display: block; margin-bottom: 5px; font: 700 1.02rem var(--serif); }
.fusion-source p, .fusion-result p { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.45; }
.fusion-result { grid-column: 1/-1; border-color: rgba(226,182,91,.42); background: linear-gradient(135deg, rgba(226,182,91,.13), rgba(126,91,188,.12)); text-align: center; }
.fusion-join { color: var(--gold); font: 1.35rem/1 var(--serif); }

.method-flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 42px; }
.method-flow-step { position: relative; min-height: 174px; padding: 21px 17px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); }
.method-flow-step:not(:last-child)::after { content: "→"; position: absolute; right: -17px; top: 50%; z-index: 2; color: var(--gold); transform: translateY(-50%); }
.method-flow-number { display: block; margin-bottom: 24px; color: var(--gold); font: 700 .65rem/1 var(--display); letter-spacing: .12em; }
.method-flow-step h3 { margin: 0 0 9px; font: 700 1.12rem/1.15 var(--serif); }
.method-flow-step p { margin: 0; color: var(--muted); font-size: .79rem; line-height: 1.55; }

.oracle-teaser-grid, .persona-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.oracle-teaser, .persona-card { position: relative; padding: 23px; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.015)); }
.oracle-teaser::before, .persona-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: var(--accent, var(--gold)); }
.persona-mark { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 21px; border: 1px solid color-mix(in srgb, var(--accent, var(--gold)) 52%, transparent); border-radius: 50%; color: var(--accent, var(--gold)); background: color-mix(in srgb, var(--accent, var(--gold)) 12%, transparent); font: 700 1.18rem var(--serif); }
.oracle-teaser h3, .persona-card h2 { margin: 0 0 4px; font: 700 1.4rem var(--serif); }
.oracle-role { margin: 0 0 12px; color: var(--accent, var(--gold)); font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.oracle-teaser p, .persona-card p { margin: 0; color: var(--muted); font-size: .83rem; line-height: 1.6; }
.oracle-teaser a { display: inline-flex; margin-top: 17px; color: var(--gold-light); font-size: .78rem; font-weight: 700; text-decoration: none; }
.persona-card { min-height: 340px; }.persona-card.jung-card { background: linear-gradient(145deg, rgba(102,78,38,.35), rgba(18,13,27,.83)); }
.persona-portrait { width: 66px; height: 66px; margin-bottom: 18px; border: 1px solid rgba(226,182,91,.5); border-radius: 50%; object-fit: cover; object-position: center; }
.persona-quote { margin-top: 18px !important; padding: 12px 13px; border-left: 2px solid var(--accent, var(--gold)); background: rgba(0,0,0,.15); color: #e4dce8 !important; font: .88rem/1.5 var(--serif) !important; font-style: italic; }
.beta-pill { display: inline-flex; margin-top: 17px; padding: 5px 9px; border: 1px solid rgba(226,182,91,.28); border-radius: 999px; color: var(--gold-light); background: rgba(226,182,91,.08); font-size: .62rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }

.continuity-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.continuity-card { min-height: 224px; padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.024); }
.continuity-icon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 22px; border-radius: 12px; color: var(--gold-light); background: rgba(226,182,91,.1); font: 1.1rem var(--serif); }
.continuity-card h3 { margin: 0 0 9px; font: 700 1.18rem var(--serif); }.continuity-card p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.6; }
.trust-panel { display: grid; grid-template-columns: .85fr 1.15fr; gap: 28px; padding: 31px; border: 1px solid rgba(120,213,203,.25); border-radius: 22px; background: linear-gradient(135deg, rgba(59,114,118,.16), rgba(49,31,77,.16)); }
.trust-panel h2 { margin: 10px 0 0; font: 700 2.25rem/1.05 var(--serif); }.trust-panel p { margin: 0; color: var(--muted); line-height: 1.7; }.trust-panel p + p { margin-top: 13px; }
.source-note { margin-top: 20px !important; color: var(--muted-2) !important; font-size: .75rem !important; }.source-note a { color: var(--violet); }
.oracle-relationship { display: grid; grid-template-columns: .88fr 1.12fr; gap: 54px; align-items: center; }
.relationship-track { display: grid; gap: 10px; }.relationship-stage { display: grid; grid-template-columns: 36px 1fr; gap: 14px; align-items: start; padding: 13px 0; border-bottom: 1px solid var(--line); }.relationship-stage:last-child { border-bottom: 0; }.relationship-stage b { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(226,182,91,.4); border-radius: 50%; color: var(--gold); font: 700 .68rem var(--display); }.relationship-stage strong { display: block; margin-bottom: 3px; font: 700 1rem var(--serif); }.relationship-stage p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.context-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; margin-top: 25px; }.context-list span { padding: 11px 13px; border: 1px solid var(--line); border-radius: 10px; color: #dbd4e2; background: rgba(255,255,255,.025); font-size: .79rem; }.context-list span::before { content: "✦"; padding-right: 8px; color: var(--gold); }
.persona-disclaimer { max-width: 760px; margin: 29px auto 0; color: var(--muted-2); font-size: .76rem; line-height: 1.6; text-align: center; }

@media (max-width: 980px) { .method-flow, .oracle-teaser-grid, .persona-grid, .continuity-grid { grid-template-columns: repeat(2, 1fr); }.method-flow-step:not(:last-child)::after { display: none; }.oracle-relationship, .trust-panel { grid-template-columns: 1fr; gap: 28px; } }
@media (max-width: 680px) { .method-hero .hero-grid, .oracle-teaser-grid, .persona-grid, .continuity-grid, .method-flow { grid-template-columns: 1fr; }.method-flow-step { min-height: auto; }.fusion-map { grid-template-columns: 1fr; }.fusion-join { justify-self: center; transform: rotate(90deg); }.context-list { grid-template-columns: 1fr; }.trust-panel { padding: 24px; } }