/* =====================================================================
   ETS PRESTIGE CONTENT LAYER (2026-09-26, Lane C)
   Styles for NEW homepage sections: experts band, textbook band,
   closing CTA with three paths + risk-reversal list.
   Uses only tokens defined in prestige.css (--ink, --teal, --font-mono).
   ===================================================================== */

/* ---------- Real-world experts band ---------- */
.experts { padding: clamp(4.5rem, 8vw, 7rem) 0; background: #fff; border-top: 1px solid var(--hair-dark, rgba(15,23,42,.08)); }
.experts-head { max-width: 52rem; margin: 0 auto 3rem; text-align: center; }
.experts-head h2 { font-size: clamp(2rem, 3.6vw, 3rem); letter-spacing: -0.025em; margin: 0 0 1.25rem; color: #0b1220; }
.experts-lede { color: #475569; font-size: 1.08rem; line-height: 1.75; margin: 0; }
.experts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.25rem; }
.expert-card { display: flex; flex-direction: column; padding: 1.75rem 1.6rem; border: 1px solid rgba(15,23,42,.09); border-radius: 18px; background: linear-gradient(180deg, #fff, #fbfcfd); transition: transform .35s var(--ease-out, ease), box-shadow .35s var(--ease-out, ease), border-color .35s; }
.expert-card:hover { transform: translateY(-4px); box-shadow: 0 28px 56px -28px rgba(15,23,42,.3); border-color: rgba(0,124,137,.35); }
.expert-card h3 { font-size: 1.2rem; margin: 0 0 .75rem; color: #0b1220; }
.expert-price { font-family: var(--font-mono, monospace); font-size: 1.05rem; font-weight: 600; color: #0f766e; margin: 0 0 .85rem; }
.expert-price span { font-weight: 400; font-size: .8rem; color: #64748b; margin-left: .3rem; }
.expert-card > p:not(.expert-price) { font-size: .92rem; line-height: 1.65; color: #475569; margin: 0 0 1.25rem; flex: 1; }
.expert-cta { font-weight: 600; color: #0f766e; text-decoration: none; font-size: .95rem; }
.expert-cta:hover { text-decoration: underline; }

.exp-steps-wrap { margin-top: 3.5rem; padding: 2.25rem; border-radius: 20px; background: #0a1220; color: #cbd5e1; }
.exp-steps-title { font-family: var(--font-mono, monospace); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: #5eead4; margin: 0 0 1.25rem; }
.exp-steps { list-style: none; counter-reset: exp; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.exp-steps li { counter-increment: exp; position: relative; padding-left: 2.4rem; font-size: .9rem; line-height: 1.55; color: #94a3b8; }
.exp-steps li::before { content: counter(exp, decimal-leading-zero); position: absolute; left: 0; top: .05rem; font-family: var(--font-mono, monospace); font-size: .78rem; color: #5eead4; }
.exp-steps strong { display: block; color: #f1f5f9; font-weight: 600; margin-bottom: .25rem; }
@media (max-width: 900px) { .exp-steps { grid-template-columns: 1fr; } .exp-steps-wrap { padding: 1.5rem; } }

/* ---------- Textbook band ---------- */
.tb-band { padding: clamp(4rem, 7vw, 6rem) 0; background: #f7f9fb; border-top: 1px solid var(--hair-dark, rgba(15,23,42,.08)); border-bottom: 1px solid var(--hair-dark, rgba(15,23,42,.08)); }
.tb-grid { display: grid; grid-template-columns: 1.4fr .6fr; gap: 3rem; align-items: center; }
.tb-copy h2 { font-size: clamp(2rem, 3.4vw, 2.8rem); letter-spacing: -0.025em; margin: 0 0 1rem; color: #0b1220; }
.tb-copy p { color: #475569; font-size: 1.05rem; line-height: 1.75; margin: 0 0 1.5rem; }
.tb-links { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.tb-links a { color: #0f766e; font-weight: 600; text-decoration: none; }
.tb-links a:hover { text-decoration: underline; }
.tb-cover { margin: 0; justify-self: center; }
.tb-cover img { max-width: 240px; width: 100%; height: auto; border-radius: 8px; box-shadow: 0 24px 48px -20px rgba(15,23,42,.35); }
@media (max-width: 860px) { .tb-grid { grid-template-columns: 1fr; gap: 2rem; } .tb-cover { justify-self: start; } }

/* ---------- Closing CTA: three paths + risk reversal ---------- */
.close-cta { padding: clamp(5rem, 9vw, 7.5rem) 0; background: radial-gradient(1200px 600px at 50% -10%, rgba(0,179,166,.14), transparent 60%), #0a1220; color: #cbd5e1; }
.close-cta h2 { font-size: clamp(2.1rem, 4vw, 3.2rem); letter-spacing: -0.025em; margin: 0 0 1.1rem; color: #fff; max-width: 56rem; }
.close-cta .ets-eyebrow { color: #5eead4; }
.close-lede { max-width: 52rem; font-size: 1.08rem; line-height: 1.75; margin: 0 0 3rem; color: #94a3b8; }
.close-paths { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.25rem; margin-bottom: 3rem; }
.path-card { display: flex; flex-direction: column; padding: 1.9rem 1.7rem; border: 1px solid rgba(148,163,184,.2); border-radius: 18px; background: rgba(255,255,255,.03); text-decoration: none; transition: transform .35s var(--ease-out, ease), background .35s, border-color .35s; }
.path-card:hover { transform: translateY(-4px); background: rgba(255,255,255,.06); border-color: rgba(94,234,212,.45); text-decoration: none; }
.pc-kicker { font-family: var(--font-mono, monospace); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: #5eead4; margin-bottom: 1rem; }
.path-card h3 { font-size: 1.45rem; margin: 0 0 .6rem; color: #fff; }
.path-card p { font-size: .92rem; line-height: 1.6; color: #94a3b8; margin: 0 0 1.25rem; flex: 1; }
.pc-cta { font-weight: 600; color: #5eead4; }
.close-rr { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .75rem 2.5rem; border-top: 1px solid rgba(148,163,184,.16); padding-top: 1.75rem; }
.close-rr li { font-size: .88rem; color: #8595a9; line-height: 1.55; position: relative; padding-left: 1.4rem; }
.close-rr li::before { content: ""; position: absolute; left: 0; top: .5em; width: .7rem; height: 1px; background: #5eead4; }
.close-rr strong { color: #e2e8f0; font-weight: 600; }