.next-chapter { position: relative; isolation: isolate; overflow: hidden; padding: 104px 0; background: #06284d; color: #fff; }
.next-chapter::before { content: ''; position: absolute; z-index: -1; width: 750px; height: 750px; right: -180px; top: -240px; border-radius: 50%; background: radial-gradient(circle, #385edb30, transparent 68%); pointer-events: none; }
.next-chapter::after { content: ''; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(#ffffff03 1px, transparent 1px), linear-gradient(90deg, #ffffff03 1px, transparent 1px); background-size: 64px 64px; pointer-events: none; }
.next-chapter-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 85px; }
.chapter-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 650; letter-spacing: .16em; color: #c5d2ed; }
.chapter-eyebrow > span { width: 7px; height: 7px; background: #75a7ff; border-radius: 50%; box-shadow: 0 0 0 5px #75a7ff18; }
.chapter-copy h2 { margin: 25px 0 24px; font-size: clamp(38px, 4.2vw, 64px); line-height: 1.08; letter-spacing: -.055em; font-weight: 650; color: #fff; }
.chapter-copy h2 em { display: inline-block; font-style: normal; color: #a8caff; }
.chapter-copy > p { max-width: 470px; color: #acbbd2; font-size: 16px; line-height: 1.85; margin: 0 0 32px; }
.chapter-cta { display: inline-flex; align-items: center; gap: 28px; padding: 16px 22px; border-radius: 8px; background: linear-gradient(135deg, #2d6df6, #1f52d7); color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; box-shadow: 0 6px 25px #0002; transition: transform .2s, background .2s; }
.chapter-cta:hover { transform: translateY(-3px); background: linear-gradient(135deg, #1f52d7, #163fc0); color: #fff; }
.chapter-cta > span { font-size: 23px; line-height: 1; }
.chapter-signoff { display: flex; align-items: center; gap: 10px; margin-top: 24px; font-size: 12px; color: #95a8c4; }
.chapter-signoff > span { color: #a8caff; font-size: 23px; }
.chapter-blueprint { min-width: 0; border: 1px solid #ffffff24; border-radius: 18px; background: linear-gradient(145deg, #143b64, #092d53); box-shadow: 0 30px 70px #0003; padding: 23px 27px 0; }
.chapter-blueprint-top { display: flex; justify-content: space-between; gap: 12px; font-size: 9px; letter-spacing: .14em; color: #b9c8df; }
.chapter-blueprint-top > span:first-child { display: flex; align-items: center; gap: 8px; }
.chapter-blueprint-top i { width: 6px; height: 6px; border-radius: 50%; background: #a8caff; }
.chapter-orbit { position: relative; height: 260px; display: grid; place-items: center; }
.chapter-orbit-ring { position: absolute; width: 216px; height: 216px; border: 1px solid #a7c6fa24; border-radius: 50%; }
.chapter-orbit-ring::after { content: ''; position: absolute; width: 7px; height: 7px; background: #75a7ff; border-radius: 50%; top: 28px; left: 28px; box-shadow: 0 0 15px #75a7ff80; }
.ring-one { animation: chapter-spin 26s linear infinite; }
.ring-two { width: 160px; height: 160px; border-style: dashed; animation: chapter-spin 35s linear infinite reverse; }
.ring-two::after { background: #87aafa; width: 5px; height: 5px; top: 20px; left: 20px; }
.chapter-core { text-align: center; }
.chapter-core > span { font-size: 9px; letter-spacing: .2em; color: #a9bddc; }
.chapter-core strong { display: block; font-size: 32px; letter-spacing: -.06em; line-height: 1.4; font-weight: 550; }
.chapter-core strong span { color: #a8caff; margin-left: 3px; }
.chapter-core small { color: #a9bddc; font-size: 11px; }
.chapter-orbit-label { position: absolute; padding: 8px 12px; border: 1px solid #ffffff20; background: #194572; box-shadow: 0 8px 20px #0002; font-size: 11px; border-radius: 6px; animation: chapter-float 6s ease-in-out infinite; }
.label-one { left: 5%; top: 58px; transform: rotate(-7deg); }
.label-two { right: 0; top: 102px; animation-delay: -2s; }
.label-three { left: 13%; bottom: 25px; animation-delay: -4s; color: #a8caff; }
.chapter-prompts details { border-top: 1px solid #ffffff16; }
.chapter-prompts summary { display: flex; align-items: center; gap: 13px; cursor: pointer; list-style: none; padding: 18px 0; font-size: 14px; font-weight: 600; }
.chapter-prompts summary::-webkit-details-marker { display: none; }
.chapter-prompts summary > span { color: #8398b9; font-size: 10px; font-weight: 400; }
.chapter-prompts summary b { margin-left: auto; font-size: 20px; color: #a8bbd5; font-weight: 400; transition: transform .2s; }
.chapter-prompts details[open] summary b { transform: rotate(45deg); color: #a8caff; }
.chapter-prompts details[open] summary { color: #a8caff; }
.chapter-prompts p { margin: -4px 20px 19px 27px; font-size: 13px; line-height: 1.75; color: #acbbd2; animation: chapter-in .3s ease-out; }
.chapter-blueprint-footer { border-top: 1px solid #ffffff16; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 15px 0; color: #99adc9; font-size: 10px; }
.chapter-spark { font-size: 20px; color: #a8caff; }
.chapter-cta:focus-visible, .chapter-prompts summary:focus-visible { outline: 2px solid #a8caff; outline-offset: 5px; }
@keyframes chapter-spin { to { transform: rotate(360deg); } }
@keyframes chapter-float { 50% { translate: 0 -7px; } }
@keyframes chapter-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1000px) { .next-chapter-layout { gap: 35px; } .chapter-blueprint { padding: 20px 20px 0; } .chapter-prompts summary { font-size: 13px; gap: 9px; } }
@media (max-width: 760px) { .next-chapter { padding: 65px 0; } .next-chapter-layout { grid-template-columns: 1fr; gap: 38px; } .chapter-copy > p { max-width: 560px; } .chapter-blueprint { width: 100%; max-width: 540px; margin: auto; } .chapter-copy h2 { font-size: clamp(37px, 8vw, 54px); } }
@media (prefers-reduced-motion: reduce) { .next-chapter *, .next-chapter *::before, .next-chapter *::after { animation: none !important; transition: none !important; } }