:root{--brand-rad:#0b0b0c;--brand-base:#fff;--brand-line:#e6e6e7}
[data-theme="dark"]{--brand-rad:#fff;--brand-base:#111113;--brand-line:#2b2b2f}
.rv-brandmark{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#f5c518;overflow:hidden}
.rv-brandmark img{width:36px!important;height:36px!important;max-width:none;object-fit:contain;filter:brightness(0);display:block}
[data-theme="dark"] .rv-brandmark img{filter:brightness(0) invert(1)}
.rv-word{display:block!important;font-family:Vazirmatn,sans-serif!important;font-size:25px!important;line-height:1.1!important;font-weight:800!important;white-space:nowrap;letter-spacing:0}
.rv-rad{color:var(--brand-rad)!important}.rv-vest{color:#f5c518!important}
.rv-word small{display:block!important;text-align:center;font:8px 'Azeret Mono',monospace!important;letter-spacing:3px!important;margin-top:6px!important;color:var(--brand-rad)!important;opacity:.65}
.brand,.rv-brand{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important}
.topbar{background:var(--brand-base)!important;color:var(--brand-rad)!important;border-bottom:1px solid var(--brand-line)!important}
.topbar .icon-btn,.topbar.on-dark:not(.scrolled) .icon-btn{background:var(--brand-base)!important;border-color:var(--brand-line)!important;color:var(--brand-rad)!important}
.topbar .switch__track{border-color:var(--brand-line)!important;background:var(--brand-line)!important}
.topbar__in{gap:18px;height:80px}.topnav{gap:4px;margin:0;align-items:center;white-space:nowrap}.topnav a:after{display:none}
.nav-entry{position:relative}.nav-entry>button,.topnav>a{display:flex;align-items:center;gap:6px;padding:10px 8px;border:0;border-radius:8px;background:none;color:inherit;font:600 12px Vazirmatn,sans-serif;text-decoration:none;cursor:pointer;opacity:1}
.nav-entry>button:hover,.topnav>a:hover,.nav-entry.is-open>button{background:var(--surface-2)}
.nav-entry svg,.topnav>a svg{width:17px;height:17px;flex:none}
.nav-drop{display:none;position:absolute;top:100%;right:0;width:310px;padding:12px;background:var(--brand-base);color:var(--brand-rad);border:1px solid var(--brand-line);border-radius:16px;box-shadow:0 20px 60px #0003;z-index:60;white-space:normal}
.nav-entry.is-open .nav-drop{display:grid;gap:3px}.nav-drop a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:9px;font-size:13px;text-decoration:none;opacity:1}.nav-drop a:hover{background:var(--surface-2)}
.nav-drop img{width:30px;height:30px;object-fit:contain;background:white;border-radius:8px;padding:3px}.nav-drop b{font-weight:600}.nav-drop small{margin-right:auto;font-size:10px;color:var(--muted)}
.nav-drop .nav-all{color:var(--brand-rad);border-top:1px solid var(--brand-line);margin-top:6px;font-weight:800}
.mobilenav{max-height:calc(100dvh - 80px);overflow:auto}.mobilenav details{border-bottom:1px solid var(--brand-line);padding:10px 0}.mobilenav summary{cursor:pointer;font-weight:700}.mobilenav details a{padding:10px 18px;font-size:13px}.mobilenav a{display:flex;gap:10px;align-items:center}
.social{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap}.social a{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;margin:0!important;border:1px solid var(--brand-line);border-radius:12px;line-height:1!important}.social svg{display:block;width:20px!important;height:20px!important;flex:none}
@media(max-width:1180px){.topnav{display:none!important}.burger{display:grid!important}.topbar__actions{margin-inline-start:auto}.topbar__in{gap:12px}}
@media(max-width:600px){.topbar__in{height:72px}.rv-word{font-size:23px!important}.topbar__actions .btn{display:none}.rv-brandmark{width:38px;height:38px}}

.switch{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-xs);font-weight:700;opacity:.9}
.switch__track{position:relative;display:block;width:58px;height:32px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);transition:background .3s}
.switch__thumb{position:absolute;top:3px;inset-inline-start:3px;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;transition:transform .35s var(--ease)}
[data-theme="dark"] .switch__thumb{transform:translateX(-26px)}
.switch .i-sun{display:none}
[data-theme="dark"] .switch .i-sun{display:block}
[data-theme="dark"] .switch .i-moon{display:none}
.nav-drop{max-height:70vh;overflow:auto}.rv-nav .rv-brand .rv-word{font-size:23px!important}.index__legend{color:var(--muted)}
/* Light cards: clearer edges without changing the dark palette. */
html[data-theme="light"]{--border:#c5c5c2;--border-strong:#adadaa;--brand-line:#c5c5c2}
html[data-theme="light"] :is(.broker-card,.qcard,.scard,.step__card,.wrow,.pulse,.journal-art,.ep,.sidecard,.host,.topic){border-color:#c5c5c2;box-shadow:0 2px 8px #00000005}

/* Progressive entrance motion, with an explicit reduced-motion fallback. */
.rv-motion-pending{opacity:1;transform:none}
.rv-motion-visible{animation:rv-enter .75s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--rv-motion-delay,0ms)}
@keyframes rv-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.rv-motion-pending,.rv-motion-visible{opacity:1!important;transform:none!important;animation:none!important}}

/* Reusable RAAD PILOT promotion */
.pilot-promo{position:relative;overflow:hidden;isolation:isolate;margin:22px 0 0;padding:22px 18px;border:1px solid #e6bd4555;border-radius:20px;background:linear-gradient(145deg,#20201c,#0b0b0c);color:#fff;font-family:Vazirmatn,sans-serif;direction:rtl;text-align:right}
.pilot-promo::before{content:"";position:absolute;z-index:-1;width:150px;height:150px;border:1px solid #e6bd4526;border-radius:50%;left:-70px;top:-65px;box-shadow:0 0 0 24px #e6bd4509,0 0 0 48px #e6bd4505}
.pilot-promo .pilot-emblem{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#f4cf55;color:#111;margin-bottom:16px}
.pilot-promo small{color:#f4cf55;letter-spacing:2px;font-size:10px}.pilot-promo h3{font-size:19px;line-height:1.65;margin:6px 0 10px;color:#fff}.pilot-promo p{font-size:12px;line-height:1.95;color:#c7c7c7;margin:0 0 18px}
.pilot-promo a{display:flex;justify-content:center;align-items:center;padding:11px 12px;border-radius:10px;background:#f4cf55;color:#171717;font-weight:800;text-decoration:none;font-size:12px}.pilot-promo .pilot-unavailable{font-size:10px;color:#ccc;display:block;margin-top:10px;line-height:1.7}
[aria-disabled="true"]{cursor:not-allowed;opacity:.6}.pilot-actions{display:flex;gap:12px;flex-wrap:wrap;opacity:1!important;visibility:visible!important;transform:none!important}.signal-float{color:inherit;text-decoration:none}.comparison-actions{display:flex;gap:8px;flex-wrap:wrap}

@media(min-width:981px){.sidebar:has(.pilot-promo){overflow-y:auto}}

/* Compact comparison actions and spacing below the Pilot features. */
#compareBody .comparison-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px}
#compareBody .comparison-actions .btn{flex:0 0 auto;min-width:0;min-height:30px;height:auto;padding:6px 9px;font-size:11px;line-height:1.5;border-radius:8px;white-space:nowrap;margin:0}
#pilot .pilot-actions{margin-top:28px;gap:12px;align-items:center}
@media(max-width:600px){#pilot .pilot-actions{margin-top:24px}#compareBody .comparison-actions .btn{padding:6px 8px;font-size:10px}}
/* Broker/exchange directory: compact identity, readable facts, aligned actions. */
#brokers .broker-card{position:relative;display:flex;flex-direction:column;isolation:isolate;padding:22px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 6px 22px #00000005;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}
#brokers .broker-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:transparent}
#brokers .broker-card.is-featured::before{background:linear-gradient(90deg,transparent,#e9bd43,transparent)}
#brokers .broker-card:hover{border-color:#b99540;box-shadow:0 14px 32px #00000012;transform:translateY(-3px)}
#brokers .broker-top{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center}
#brokers .broker-top img{width:54px;height:54px;padding:8px;border-radius:15px;border:1px solid #0000000c;box-shadow:0 4px 10px #00000006}
#brokers .broker-top h3{font-size:17px;line-height:1.7;letter-spacing:-.3px}
#brokers .broker-top small{display:block;font-size:10px;letter-spacing:.4px;margin-top:2px}
#brokers .broker-top .grade{min-width:39px;height:31px;padding:6px 9px;border-radius:10px;font-size:11px;line-height:18px;text-align:center;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}
#brokers .broker-top .grade--top{border-color:#e5bb49;background:#f3ce62;color:#191919}
#brokers .broker-rating{padding:13px 0;margin:10px 0 0;gap:7px;font-size:11px}
#brokers .broker-rating .stars{font-size:12px;letter-spacing:1px}
#brokers .broker-rating small{font-size:10px}
#brokers .broker-card dl{padding:3px 13px;margin:0 0 18px;border:1px solid var(--border);background:var(--surface-2);border-radius:14px}
#brokers .broker-card dl div{padding:11px 0;align-items:center;font-size:11px;gap:12px}
#brokers .broker-card dl div:last-child{border-bottom:0}
#brokers .broker-card dd{font-size:11px;font-weight:700;text-align:left;line-height:1.7}
#brokers .broker-actions{margin-top:auto;gap:8px}
#brokers .broker-actions .btn{min-height:39px;padding:9px 10px;border-radius:10px;font-size:11px;font-weight:750;line-height:1.7;justify-content:center}
#brokers .broker-actions .btn--ghost{border:1px solid var(--border);background:transparent}
#brokers .compare-check{margin-top:14px;padding:11px 8px 0;border-top:1px solid var(--border);font-size:11px;transition:color .2s}
#brokers .compare-check:has(input:checked){color:var(--text);font-weight:700}
#brokers .broker-card:has(input:checked){border-color:#c29d42;box-shadow:0 0 0 2px #d5ab3c22}
html[data-theme="light"] #brokers .broker-card{border-color:#c5c5c2}html[data-theme="light"] #brokers .broker-card:hover,html[data-theme="light"] #brokers .broker-card:has(input:checked){border-color:#ab852d}
@media(max-width:650px){#brokers .broker-card{padding:19px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){#brokers .broker-card:hover{transform:none}}
/* Keep all service rows in the same layout while the preview rotates. */
#feat .frow{transition:background-color .3s,border-color .3s,box-shadow .3s}
#feat .frow .frow__body p,#feat .frow.on .frow__body p{grid-template-rows:1fr;margin-top:.25rem;transition:opacity .25s,color .25s}
#feat .frow .frow__body p{opacity:.75}
#feat .frow.on .frow__body p{opacity:1}