:root { --fx-ink: #19233f; --fx-muted: #72809a; }
.fi-body { background: #f5f6fb; }
.dark .fi-body { background: #0f1422; }
.fi-sidebar { border-inline-end: 1px solid rgb(99 102 241 / .08); }
.fx-hero { border-radius: 18px; padding: 30px 32px; color: #fff; background: linear-gradient(115deg, #242b58, #4338a0 65%, #6366f1); display: flex; gap: 24px; justify-content: space-between; align-items: center; }
.fx-eyebrow { font-size: 11px; letter-spacing: .16em; opacity: .65; margin-bottom: 10px; }
.fx-hero h2 { font-size: 25px; line-height: 1.4; font-weight: 650; }
.fx-hero p { font-size: 13px; line-height: 1.8; color: #d8daf5; margin-top: 8px; }
.fx-pill { border: 1px solid #ffffff35; border-radius: 999px; padding: 7px 12px; font-size: 12px; white-space: nowrap; }
.fx-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.fx-card { background: #fff; border: 1px solid #e8eaf3; border-radius: 14px; padding: 22px; }
.fx-label { color: var(--fx-muted); font-size: 12px; }
.fx-value { font-size: 28px; font-weight: 650; letter-spacing: -.04em; color: var(--fx-ink); margin-top: 10px; font-variant-numeric: tabular-nums; }
.fx-hint { color: var(--fx-muted); font-size: 12px; margin-top: 9px; }
.fx-split { display: grid; grid-template-columns: 1.5fr 1fr; gap: 20px; }
.fx-section-title { font-size: 15px; font-weight: 650; color: var(--fx-ink); margin-bottom: 18px; }
.fx-row { display: flex; justify-content: space-between; gap: 14px; padding: 13px 0; border-bottom: 1px solid #edf0f7; font-size: 13px; }
.fx-row:last-child { border: 0; }
.fx-link { color: #6366f1; font-weight: 550; }
.fx-empty { color: var(--fx-muted); padding: 28px 0; font-size: 13px; line-height: 1.9; }
.fx-code { display:block; white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; border-radius:10px; background:#172039; color:#e0e7ff; font:12px/1.8 Consolas,monospace; }
.fx-secret { border:1px solid #a5b4fc; border-radius:12px; padding:20px; background:#eef2ff; }
.fx-secret code { display:block; padding:12px 0; overflow-wrap:anywhere; font-size:14px; }
.fx-positive { color:#059669; } .fx-negative { color:#dc2626; }
.dark .fx-card { background:#181f31; border-color:#2c3449; }
.dark .fx-value,.dark .fx-section-title { color:#e4e9f5; }
.dark .fx-row { border-color:#2c3449; }
.dark .fx-secret { background:#202544; }
@media(max-width:1000px) { .fx-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .fx-split { grid-template-columns:1fr; } }
@media(max-width:600px) { .fx-hero { padding:22px; flex-direction:column; align-items:flex-start; } .fx-grid { gap:10px; } .fx-card { padding:16px; } .fx-value { font-size:23px; } }

.fx-strategy-cards .fi-fo-radio-label{padding:18px;border:1px solid #dfe3ef;border-radius:14px;align-items:flex-start;min-height:104px;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s}.fx-strategy-cards .fi-fo-radio-label:has(input:checked){border:2px solid #6356e5;background:#f5f3ff;box-shadow:0 3px 12px #6356e51a}.fx-strategy-cards .fi-fo-radio-label-text>p:first-child{font-weight:650;font-size:15px}.fx-strategy-cards .fi-fo-radio-label-description{line-height:1.6;margin-top:8px}.dark .fx-strategy-cards .fi-fo-radio-label{background:#181f31;border-color:#343e55}.dark .fx-strategy-cards .fi-fo-radio-label:has(input:checked){background:#292343;border-color:#9588ff}

.fx-strategy-cards{margin-top:10px;gap:14px}