.special-situations-page__main { padding-bottom: 3rem; }
.special-guide__hero { position: relative; isolation: isolate; display: flex; align-items: center; min-height: calc(100vh - var(--header-height)); padding-block: 3rem; }
.special-guide__hero::before { position: absolute; inset: 0 calc(50% - 50vw); z-index: -1; content: ""; background: radial-gradient(circle at 76% 40%, rgba(169, 64, 255, 0.22), transparent 31rem), linear-gradient(180deg, rgba(6, 8, 25, 0.28), rgba(2, 5, 18, 0.56)); }
.special-guide__copy { position: relative; z-index: 2; width: min(48%, 42rem); min-width: 0; }
.special-guide__breadcrumb { display: flex; gap: 0.75rem; margin-bottom: 2rem; color: #d8d3e4; font-size: 0.8rem; }
.special-guide__eyebrow, .special-guide__label { margin: 0 0 0.8rem; color: var(--color-violet-bright); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.11em; }
.special-guide__copy h1 { margin: 0 0 1.25rem; max-width: 43rem; font-size: clamp(2.7rem, 4.6vw, 5rem); line-height: 1.04; letter-spacing: -0.045em; }
.special-guide__lede { margin: 0 0 1.5rem; color: #e9e4f1; font-size: clamp(1rem, 1.25vw, 1.18rem); line-height: 1.7; }
.special-guide__notice { display: flex; align-items: flex-start; gap: 0.9rem; margin-block: 1.5rem; padding: 1rem 0; border-block: 1px solid var(--color-line); color: #ddd7e8; font-size: 0.86rem; line-height: 1.6; }
.special-guide__notice i { padding-top: 0.25rem; color: var(--color-violet-bright); }
.special-guide__notice p { margin: 0; }
.special-guide__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem; }
.special-guide__art { position: absolute; z-index: -1; inset: 0 calc(50% - 50vw); margin: 0; overflow: hidden; }
.special-guide__art picture { display: block; width: 100%; height: 100%; }
.special-guide__art::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, var(--color-bg) 0%, rgba(2, 5, 19, 0.96) 32%, rgba(2, 5, 19, 0.48) 56%, rgba(2, 5, 19, 0.06) 78%), linear-gradient(180deg, rgba(2, 5, 19, 0.18), transparent 22%, transparent 72%, var(--color-bg)); }
.special-guide__art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center right; filter: saturate(1.04) contrast(1.04) brightness(0.9); }
.special-guide__art figcaption { position: absolute; right: 2rem; bottom: 1.5rem; z-index: 1; max-width: 16rem; color: #e3ddec; font-size: 0.72rem; text-align: right; }
.special-guide__orientation { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: rgba(8, 10, 30, 0.88); box-shadow: var(--shadow-violet); }
.special-guide__orientation article { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.4rem; border-right: 1px solid var(--color-line); }
.special-guide__orientation article:last-child { border-right: 0; }
.special-guide__orientation i { padding-top: 0.2rem; color: var(--color-violet-bright); font-size: 1.5rem; }
.special-guide__orientation h2 { margin: 0 0 0.45rem; font-size: 1rem; }
.special-guide__orientation p { margin: 0; color: #d8d3e4; font-size: 0.82rem; line-height: 1.55; }
.special-guide__section { padding-block: clamp(3rem, 7vw, 6rem); border-bottom: 1px solid var(--color-line); }
.special-guide__heading { max-width: 50rem; margin-bottom: 2rem; }
.special-guide__heading h2, .special-guide__cta h2 { margin: 0 0 1rem; font-size: clamp(2rem, 3vw, 3.2rem); line-height: 1.12; letter-spacing: -0.035em; }
.special-guide__heading > p:last-child, .special-guide__cta > div > p:last-child { color: #d8d3e4; line-height: 1.7; }
.special-guide__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.special-guide__card { position: relative; padding: clamp(1.4rem, 2.5vw, 2rem); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: radial-gradient(circle at 90% 0, rgba(162, 60, 255, 0.14), transparent 15rem), rgba(8, 10, 30, 0.72); }
.special-guide__card > i { margin-bottom: 1.5rem; color: var(--color-violet-bright); font-size: 2rem; filter: drop-shadow(0 0 0.8rem rgba(162, 60, 255, 0.56)); }
.special-guide__card h3 { margin: 0 0 0.85rem; font-size: clamp(1.25rem, 2vw, 1.65rem); }
.special-guide__card h4 { margin: 1.4rem 0 0.7rem; color: #f4eaff; font-size: 0.78rem; letter-spacing: 0.05em; text-transform: uppercase; }
.special-guide__card > p:not(.special-guide__label), .special-guide__card li { color: #d8d3e4; line-height: 1.65; }
.special-guide__card ul { display: grid; gap: 0.55rem; padding-left: 1.2rem; margin: 0; }
.special-guide__plan { display: grid; grid-template-columns: minmax(15rem, 0.7fr) minmax(0, 1.3fr); gap: clamp(2rem, 6vw, 6rem); }
.special-guide__steps { display: grid; gap: 0; padding: 0; margin: 0; list-style: none; }
.special-guide__steps li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 1.25rem 0; border-top: 1px solid var(--color-line); }
.special-guide__steps li:last-child { border-bottom: 1px solid var(--color-line); }
.special-guide__steps span { color: var(--color-violet-bright); font-weight: 900; }
.special-guide__steps h3 { margin: 0 0 0.4rem; }
.special-guide__steps p { margin: 0; color: #d8d3e4; line-height: 1.6; }
.special-guide__cta { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(18rem, 0.7fr); align-items: center; gap: 3rem; padding-block: clamp(3rem, 7vw, 6rem); }
.special-guide__cta .special-guide__actions { justify-content: flex-end; }
.special-guide__text-link { display: inline-flex; align-items: center; gap: 0.6rem; min-height: 2.75rem; color: var(--color-focus); font-weight: 800; text-decoration: underline; text-underline-offset: 0.25rem; }
@media (max-width: 72rem) { .special-guide__hero { display: block; min-height: auto; padding-bottom: 28rem; } .special-guide__copy { width: 100%; max-width: 48rem; } .special-guide__art { top: auto; height: 30rem; } .special-guide__art img { object-fit: contain; object-position: right center; } .special-guide__art::after { background: linear-gradient(180deg, var(--color-bg), transparent 28%, transparent 70%, var(--color-bg)); } .special-guide__orientation { margin-top: 1rem; } }
@media (max-width: 47.5rem) { .special-guide__hero { padding-top: 2rem; padding-bottom: 21rem; } .special-guide__copy h1 { max-width: 100%; font-size: clamp(2.25rem, 11vw, 3rem); overflow-wrap: anywhere; } .special-guide__lede, .special-guide__notice { overflow-wrap: anywhere; } .special-guide__actions > .action-button { width: 100%; } .special-guide__art { height: 21rem; } .special-guide__art figcaption { right: 1rem; bottom: 0.75rem; } .special-guide__orientation, .special-guide__grid, .special-guide__plan, .special-guide__cta { grid-template-columns: 1fr; } .special-guide__orientation article { border-right: 0; border-bottom: 1px solid var(--color-line); } .special-guide__orientation article:last-child { border-bottom: 0; } .special-guide__section { padding-block: 3rem; } .special-guide__cta { gap: 1.5rem; } .special-guide__cta .special-guide__actions { justify-content: flex-start; } }