/* Icarix Guide – investor-grade “How it works” page */

.icx-guide{max-width:1100px;margin:0 auto;padding:28px 16px 56px}
.icx-guide__hero{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:stretch;margin:8px 0 18px}
@media (max-width: 980px){.icx-guide__hero{grid-template-columns:1fr;}}

.icx-guide__kicker{letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-size:12px;opacity:.8}
.icx-guide__title{font-size:44px;line-height:1.05;margin:8px 0 10px}
@media (max-width: 520px){.icx-guide__title{font-size:34px;}}

.icx-guide__lead{font-size:15px;opacity:.9;max-width:62ch}
.icx-guide__cta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 10px}

.icx-guide__chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.icx-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);background:rgba(10,18,32,.6);padding:8px 10px;border-radius:999px;font-size:12px;opacity:.95}

.icx-illu{border:1px solid rgba(255,255,255,.12);background:radial-gradient(1200px 600px at 20% 20%, rgba(215,184,107,.10), transparent 60%), radial-gradient(900px 500px at 90% 30%, rgba(58,130,246,.10), transparent 60%), rgba(10,18,32,.55);border-radius:22px;padding:14px;overflow:hidden}
.icx-illu__svg{width:100%;height:auto;display:block}

.icx-guide__grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:14px;margin:14px 0 22px}
@media (max-width: 860px){.icx-guide__grid{grid-template-columns:1fr;}}

.icx-card{border:1px solid rgba(255,255,255,.12);background:rgba(10,18,32,.55);border-radius:18px;padding:16px}
.icx-card__title{font-size:16px;margin:0 0 8px}
.icx-card__text{margin:0 0 10px;opacity:.92;font-size:14px;line-height:1.5}

.icx-list{margin:0;padding-left:18px;opacity:.92;font-size:14px;line-height:1.6}
.icx-list strong{font-weight:800}

.icx-stepper{display:grid;gap:8px;margin-top:8px}
.icx-step{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(14,27,47,.5)}
.icx-step__n{width:26px;height:26px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(215,184,107,.16);border:1px solid rgba(215,184,107,.30);font-weight:900}

.icx-guide__play{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg, rgba(10,18,32,.65), rgba(10,18,32,.40));border-radius:22px;padding:16px;margin:18px 0 18px}
.icx-play__title{margin:0 0 6px;font-size:18px}
.icx-play__sub{margin:0 0 12px;opacity:.9;font-size:14px}

.icx-play__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
@media (max-width: 900px){.icx-play__grid{grid-template-columns:1fr;}}

.icx-play__panel{border:1px solid rgba(255,255,255,.10);background:rgba(14,27,47,.45);border-radius:18px;padding:14px}
.icx-play__panel--out{position:relative;overflow:hidden}
.icx-out__status{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(215,184,107,.25);background:rgba(215,184,107,.12);font-weight:700;font-size:12px;margin-bottom:10px}

.icx-formrow{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.icx-label{font-size:13px;opacity:.95}
.icx-val{font-weight:800}
.icx-select{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(10,18,32,.6);color:inherit;padding:10px 12px;outline:none}
.icx-range{width:100%}
.icx-hint{font-size:12px;opacity:.75}

.icx-metrics{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px}
@media (max-width: 520px){.icx-metrics{grid-template-columns:1fr;}}
.icx-metric{border:1px solid rgba(255,255,255,.10);background:rgba(10,18,32,.55);border-radius:16px;padding:12px}
.icx-metric__k{font-size:12px;opacity:.82;margin-bottom:6px}
.icx-metric__v{font-size:18px;font-weight:900}

.icx-out__rec{margin-top:10px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(10,18,32,.55);padding:12px}
.icx-out__rec-h{font-weight:800;font-size:12px;opacity:.9;margin-bottom:6px}
.icx-out__rec-t{font-size:14px;line-height:1.5;opacity:.95}
.icx-out__foot{margin-top:10px;font-size:12px;opacity:.72}

.icx-guide__faq{margin:20px 0 14px}
.icx-guide__h2{margin:0 0 10px;font-size:18px}

.icx-accordion{border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden;background:rgba(10,18,32,.40)}
.icx-acc{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:14px 14px;background:transparent;color:inherit;border:0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;font-weight:800}
.icx-acc:last-of-type{border-bottom:0}
.icx-acc__chev{opacity:.7}
.icx-acc__panel{padding:0 14px 14px 14px;opacity:.92;line-height:1.6}

.icx-guide__footer{margin-top:18px}
.icx-guide__footer-card{border:1px solid rgba(255,255,255,.12);background:radial-gradient(900px 400px at 20% 10%, rgba(215,184,107,.14), transparent 55%), rgba(10,18,32,.55);border-radius:22px;padding:18px}
.icx-guide__lead2{margin:0 0 12px;opacity:.92}