/* ============================================================
   MONOSWISS — Premium overlay for money/blog pages
   Loads LAST (after Bootstrap + inline styles) to unify the
   musskart component kit with the navy / azure logo palette.
   ============================================================ */
:root{
  --pg-gold:#0b66db; --pg-gold-b:#2e86f0; --pg-gold-h:#9ccbff;
  --pg-purple:#2a6fc9; --pg-ox:#123e6e;
  --pg-grad-gold:linear-gradient(135deg,#9ccbff 0%,#0b66db 60%,#084ba5 100%);
  --pg-grad-ox:linear-gradient(135deg,#1a5490 0%,#0b2e52 100%);
  --pg-grad-royal:linear-gradient(135deg,#14477f 0%,#0c2645 100%);
  --pg-line:rgba(46, 134, 240,.16);
  --pg-soft:rgba(255,255,255,.07);
  --pg-r:18px; --pg-r-lg:22px; --pg-pill:999px;
  --pg-sh:0 16px 44px -18px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.05);
  --pg-glow:0 0 0 1px rgba(46, 134, 240,.28), 0 22px 60px -18px rgba(11, 102, 219,.30);
}

/* ---- premium ground ---- */
body{
  background:#0a1626 !important;
  background-image:
    radial-gradient(1100px 600px at 82% -8%, rgba(42, 111, 201,.22), transparent 60%),
    radial-gradient(900px 520px at -10% 12%, rgba(11, 102, 219,.10), transparent 55%),
    radial-gradient(700px 700px at 50% 118%, rgba(18, 62, 110,.14), transparent 60%) !important;
  background-attachment:fixed !important;
  color:#e6eef8;
}
h1,h2,h3,h4,h5{font-family:"Fraunces","Palatino Linotype",Georgia,serif !important;letter-spacing:-.01em}
/* beat the dot-matrix display font on page-header/hero headings (higher specificity) */
.page-header h1,.page-header h2,.page-header h3,.hero h1,.hero h2,h1.display-1,h1.display-2,h1.display-3,h1.display-4,.navbar-brand{
  font-family:"Fraunces","Palatino Linotype",Georgia,serif !important;letter-spacing:-.01em;text-transform:none !important}
a{color:var(--pg-gold-b)}
a:hover{color:var(--pg-gold-h)}

/* ---- navbar ---- */
.navbar{background:rgba(10, 22, 38,.72) !important;backdrop-filter:blur(14px);border-bottom:1px solid var(--pg-line)}
.navbar .navbar-brand,.navbar .nav-link{font-weight:600}
.navbar .navbar-brand{padding-top:6px;padding-bottom:6px;display:flex;align-items:center}
/* transparent logo rendered white so it stands out on the dark navy */
.brand-logo,.navbar-brand .brand-logo,.navbar-brand img.brand-logo{
  height:104px !important;width:auto !important;max-height:none !important;display:block;
  background:none !important;padding:0 !important;
  filter:brightness(0) invert(1) !important}
.navbar-brand .brand-logo:hover{filter:brightness(0) invert(1) !important;opacity:.85}
@media (max-width:860px){.brand-logo{height:66px !important}}

/* ---- page header: swap stock photo for brand gradient ---- */
.page-header{
  background:linear-gradient(165deg,#173253 0%,#0a1b2e 100%) !important;
  border-bottom:1px solid var(--pg-line);position:relative}
.page-header::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 320px at 82% 0%, rgba(46, 134, 240,.14), transparent 60%);pointer-events:none}
.page-header > *{position:relative;z-index:1}

/* ---- rounded premium cards ---- */
.feature-box,.engagement-card,.pricing-card,.case-study-card,.stats-box,.warning-box{
  border-radius:var(--pg-r-lg) !important;
  border:1px solid var(--pg-soft) !important;
  box-shadow:var(--pg-sh);
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease;
  position:relative;
}
.feature-box:hover,.engagement-card:hover,.pricing-card:hover{
  transform:translateY(-5px); box-shadow:var(--pg-glow); border-color:rgba(46, 134, 240,.3) !important;
}
/* azure hairline sheen on the top-left corner */
.feature-box::before,.engagement-card::before,.pricing-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(160deg,rgba(46, 134, 240,.4),transparent 45%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;pointer-events:none}
.stats-box{background:var(--pg-grad-royal) !important;color:#f2f7fd !important}
.stats-box h3,.stats-box h2{color:#9ccbff !important}

/* ---- process steps ---- */
.process-step{
  border-radius:16px !important;
  border:1px solid var(--pg-soft) !important;border-left:0 !important;
  background:linear-gradient(90deg, rgba(46, 134, 240,.10), rgba(18, 40, 67,0) 34%), #122843 !important;
  box-shadow:var(--pg-sh);position:relative;overflow:hidden}
.process-step::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pg-grad-gold)}

/* ---- pills ---- */
.capability-pill{border-radius:var(--pg-pill) !important;border:1px solid var(--pg-line) !important;background:rgba(46, 134, 240,.08) !important;color:var(--pg-gold-h) !important}

/* ---- buttons -> premium pills ---- */
.btn{border-radius:var(--pg-pill) !important;font-weight:700 !important;border:0 !important;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease}
.btn:hover{transform:translateY(-2px)}
.btn-success,.btn-warning,.btn-light{
  background:var(--pg-grad-gold) !important;color:#ffffff !important;
  box-shadow:0 10px 26px -10px rgba(11, 102, 219,.6) !important}
.btn-success:hover,.btn-warning:hover,.btn-light:hover{filter:brightness(1.05);color:#ffffff !important}
.btn-primary,.btn-secondary{
  background:linear-gradient(135deg,#1E5A9E 0%,#0E3A67 100%) !important;color:#EAF3FD !important;
  box-shadow:0 10px 26px -12px rgba(30,90,158,.75), inset 0 0 0 1.5px rgba(46,134,240,.45) !important}
.btn-primary:hover,.btn-secondary:hover{filter:brightness(1.18);color:#fff !important;
  box-shadow:0 14px 32px -12px rgba(46,134,240,.6), inset 0 0 0 1.5px rgba(46,134,240,.75) !important}
.btn-outline-light,.btn-outline-primary{
  background:transparent !important;color:var(--pg-gold-b) !important;
  box-shadow:inset 0 0 0 1.5px rgba(46, 134, 240,.55) !important}
.btn-outline-light:hover{background:rgba(46, 134, 240,.10) !important;color:var(--pg-gold-h) !important}
.back-to-top{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:var(--pg-pill) !important}

/* ---- tables ---- */
.table-responsive{border-radius:var(--pg-r);overflow:hidden;box-shadow:var(--pg-sh);border:1px solid var(--pg-soft)}
.table,.table-dark{margin:0 !important;background:#122843 !important;color:#c3d4e8 !important}
.table thead th,.table-dark thead th{
  background:rgba(46, 134, 240,.07) !important;color:var(--pg-gold-b) !important;
  text-transform:uppercase;letter-spacing:.12em;font-size:12px;border-color:var(--pg-line) !important}
.table td,.table th,.table-dark td,.table-dark th{border-color:var(--pg-soft) !important}
.table-bordered{border:0 !important}
.table tbody tr:hover td{background:rgba(42, 111, 201,.08) !important}

/* ---- Bootstrap accordion FAQ ---- */
.accordion{--bs-accordion-border-color:transparent}
.accordion-item{
  border-radius:16px !important;overflow:hidden;margin-bottom:12px;
  border:1px solid var(--pg-soft) !important;background:#122843 !important}
.accordion-button{
  background:#122843 !important;color:#f2f7fd !important;font-weight:700;
  border-radius:16px !important;padding:18px 22px}
.accordion-button:not(.collapsed){
  background:rgba(46, 134, 240,.06) !important;color:var(--pg-gold-h) !important;box-shadow:none}
.accordion-button::after{filter:sepia(1) saturate(4) hue-rotate(5deg) brightness(1.1)}
.accordion-body{background:#102540 !important;color:#aec2da !important;padding:18px 22px}
.accordion-collapse{border:0}

/* ---- CTA / gradient sections ---- */
[class*="cta"], .bg-primary, .bg-dark{border-radius:0}
.ai-gradient-text{background:var(--pg-grad-gold) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}

/* ---- related reading / list groups ---- */
.list-group-item, .related-item{border-radius:14px !important;border:1px solid var(--pg-soft) !important;background:#122843 !important;margin-bottom:8px}

/* ---- footer ---- */
footer, .footer{border-top:1px solid var(--pg-line)}