/* Rana Capital Advisory — white-base theme.
   Loaded last: turns every dark area light. Logo blue is used only as an accent. */
:root{--accent:#0d47b5;--accent-dark:#0a3585;--tint:#eef3fd;--tint-line:#d4e0f7;--soft-bg:#f6f8fb;--heading:#1d2430}

/* Top bar */
.top{background:#fff;color:#4b5360;border-bottom:1px solid var(--line)}
.topr a:hover{color:var(--accent)}

/* Headings */
h2,.card h3,.step h3,.benefit h4,.contactcard h3,.form h3,.side h3,.prose h3{color:var(--heading)}

/* Hero banner: dark */
.hero{background:#141b26;color:#fff}
.hero:after{background:linear-gradient(90deg,rgba(14,19,27,.96) 0%,rgba(14,19,27,.88) 50%,rgba(14,19,27,.55) 100%)}
.hero-home:after{background:linear-gradient(90deg,rgba(14,19,27,.96) 0%,rgba(14,19,27,.88) 48%,rgba(14,19,27,.55) 100%),radial-gradient(circle at 82% 30%,rgba(91,141,239,.18),transparent 30%)}
.hero h1,.hero .h1{color:#fff}
.hero h1 em,.hero .h1 em{color:#7aa3f2}
h1 em,.h1 em{background-image:linear-gradient(rgba(122,163,242,.45),rgba(122,163,242,.45))}
.hero p{color:#d5d9e0}
.hero .crumb{color:#aab2bf}
.hero .crumb a:hover{color:#7aa3f2}
.hero .ey{color:#7aa3f2}
.hero .ey:before{background:#7aa3f2}
.hero .btn.ghost{border-color:rgba(255,255,255,.5);color:#fff}
.hero .btn.ghost:before{background:#fff}
.hero .btn.ghost:hover{color:var(--heading);border-color:#fff}
.hero .btn:not(.ghost):before{background:#fff}
.hero .btn:not(.ghost):hover{color:var(--accent)}
.hero-badge{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);box-shadow:none;backdrop-filter:blur(6px)}
.hero-badge b{color:#7aa3f2}
.hero-badge li{color:#e6e8eb;border-bottom-color:rgba(255,255,255,.12)}
.hero-badge li:before{color:#7aa3f2}

/* Photo caption tags */
.visual .tag{background:#fff;color:var(--heading);border-left-color:var(--accent);box-shadow:0 10px 25px rgba(20,26,34,.12)}

/* Stats strip */
.stats{background:#fff;color:var(--heading);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{border-right-color:var(--line)}
.stat strong{color:var(--accent)}
.stat span{color:#6b7280}
.stats:after{background-image:radial-gradient(rgba(13,71,181,.18) 1.5px,transparent 1.6px)}

/* "Dark" sections (e.g. Four Simple Steps) become light */
.dark{background:var(--soft-bg);color:var(--text)}
.dark h2{color:var(--heading)}
.dark .ey{color:var(--accent)}
.dark .ey:before{background:var(--accent)}
.dark .lead{color:#4b5360}
.dark:before{border-color:rgba(13,71,181,.14)}
.dark:after{background-image:radial-gradient(rgba(13,71,181,.16) 1.5px,transparent 1.6px)}
.dark .btn:before{background:var(--heading)}
.dark .btn:hover{color:#fff}
.step{border-color:var(--line);box-shadow:0 8px 24px rgba(20,26,34,.05)}
.step:hover{box-shadow:0 22px 45px rgba(20,26,34,.10)}
.step .num,.step:nth-child(odd) .num{background:var(--accent);color:#fff}
.step:nth-child(even) .num{background:var(--tint);color:var(--accent)}

/* Call-to-action strip */
.cta{background:var(--tint);color:var(--heading);border-top:1px solid var(--tint-line);border-bottom:1px solid var(--tint-line)}
.ctain h3{color:var(--heading)}
.cta .ctain p{color:#4b5360}
.cta .btn{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 8px 20px rgba(13,71,181,.2)}
.cta .btn:before{background:var(--heading)}
.cta .btn:hover{color:#fff}
.cta:before{border-color:rgba(13,71,181,.18)}

/* Light-tinted card */
.card-tint{background:var(--tint);border-color:var(--tint-line)}
.card-tint .ico{background:#fff}

/* Blog thumbnails: lighter blue wash */
.thumb{background:var(--tint)}
.thumb:before{background:linear-gradient(135deg,rgba(13,71,181,.55),rgba(13,71,181,.15)),var(--img,none) center/cover no-repeat}
.thumb span{background:var(--accent)}

/* Footer: dark */
.site-footer{background:#141b26;color:#c3c8cf;border-top:0}
.fg h4{color:#fff}
.fg li,.fg .about-text{color:#c3c8cf}
.fg li a:hover,.bottom a:hover{color:#7aa3f2}
.footer-logo{background:#fff;padding:10px 14px;border-radius:6px}
.bottom{border-top-color:rgba(255,255,255,.12);color:#9aa1ac}
.footer-disclaimer{color:#8a919c;border-top-color:rgba(255,255,255,.08)}

/* Back-to-top and misc */
.mobile-cta{margin-top:22px}
