/* ============================================================================
   QUANTIS CAPITAL — Research look (2026-10-27)
   Loads LAST on every page (after brand.css, site.css and the page's own
   <style>), and re-points the --qc-* tokens to the Quantis Research palette:
   white canvas, cobalt primary, deep-navy feature bands, Quantis gold as the
   second accent. Same tokens and components as quantis.co.in/research.
   ============================================================================ */

:root{
  --qr-blue:#1C4FD6;
  --qr-blue-d:#143CA8;
  --qr-blue-soft:#EEF3FE;
  --qr-navy:#0A1633;
  --qr-navy-2:#122B66;
  --qr-gold:#E2A63B;
  --qr-gold-d:#9A6516;
  --qr-text:#111A2E;
  --qr-muted:#566079;
  --qr-bg:#FFFFFF;
  --qr-bg-soft:#F5F7FC;
  --qr-up:#128048;
  --qr-down:#C33528;
  --qr-line:#E2E7F1;

  /* re-point the Capital tokens */
  --qc-ink:#FFFFFF;
  --qc-ink-2:var(--qr-navy);
  --qc-navy:#FFFFFF;
  --qc-navy-2:var(--qr-bg-soft);
  --qc-cream:var(--qr-text);
  --qc-muted:var(--qr-muted);
  --qc-hairline:var(--qr-line);
  --qc-gold:var(--qr-blue);
  --qc-gold-light:var(--qr-blue);
  --qc-gold-gradient:linear-gradient(92deg,var(--qr-blue),var(--qr-blue-d));
  --qc-gold-glow:rgba(28,79,214,.14);
  --qc-gain:var(--qr-up);
  --qc-loss:var(--qr-down);
  --qc-bg-gradient:linear-gradient(180deg,#fff,var(--qr-bg-soft));
  --qc-radius-lg:16px;
}

body{background:var(--qr-bg);color:var(--qr-text);}
h1,h2,h3,h4{color:var(--qr-text);}
.qc-eyebrow{color:var(--qr-blue);}
.qc-accent,.gold,h1 em,h2 em{color:var(--qr-blue);}

/* ── buttons ──────────────────────────────────────────────────────────────── */
.qc-btn{border-radius:10px;font-weight:600;}
.qc-btn-gold,.btn-primary{background:var(--qr-blue);color:#fff;border:1.5px solid var(--qr-blue);}
.qc-btn-gold:hover,.btn-primary:hover{background:var(--qr-blue-d);border-color:var(--qr-blue-d);color:#fff;transform:translateY(-1px);
  box-shadow:0 12px 26px -12px rgba(28,79,214,.55);}
.qc-btn-ghost,.btn-outline,.qc-btn-login{background:#fff;color:var(--qr-blue);border:1.5px solid var(--qr-blue);}
.qc-btn-ghost:hover,.btn-outline:hover,.qc-btn-login:hover{background:var(--qr-blue-soft);color:var(--qr-blue-d);border-color:var(--qr-blue-d);}

/* ── header ───────────────────────────────────────────────────────────────── */
nav#nav,nav#nav.scrolled{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--qr-line);}
.brand .mono{width:40px;height:40px;border:0;border-radius:10px;background:var(--qr-navy);color:#fff;font-size:20px;font-weight:800;
  position:relative;overflow:hidden;display:inline-grid;place-items:center;}
.brand .mono::after{content:"";position:absolute;right:0;bottom:0;width:12px;height:12px;background:var(--qr-gold);border-top-left-radius:8px;}
.brand .name{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--qr-navy);}
.brand .name small{color:var(--qr-gold-d);font-size:9px;}
.navlinks>a:not(.qc-btn){font-size:15px;font-weight:500;color:#2A3350;padding:8px 12px;border-radius:8px;}
.navlinks>a:not(.qc-btn):hover,.navlinks>a.on{color:var(--qr-blue);background:var(--qr-blue-soft);}
.navlinks .qc-btn{padding:10px 18px;font-size:14.5px;}

/* ── hero (home): white canvas like Research, no background photo or 3D ─── */
#hero{background:linear-gradient(180deg,#fff 0%,#fff 55%,#EAF0FD 100%);}
#hero .herobg,#heroCanvas,#hero .scrollcue{display:none !important;}
#hero h1{font-weight:800;letter-spacing:-.035em;color:var(--qr-text);}
#hero h1 .gold{color:var(--qr-blue);background:none;-webkit-text-fill-color:var(--qr-blue);}
.hero-photo .frame{border-radius:22px;border:0;background:var(--qr-navy);box-shadow:0 40px 80px -40px rgba(10,22,51,.55);}
.hero-photo .frame::before,.hero-photo .frame::after{display:none;}
.hero-photo .grade{background:linear-gradient(180deg,transparent 55%,rgba(10,22,51,.6));}
.hero-badge{background:transparent;border:0;box-shadow:none;backdrop-filter:none;}
.hero-badge .role{color:rgba(255,255,255,.8);}
.hero-badge .name,.hero-badge b{color:#fff;}

/* ── bands: white / soft grey-blue / deep navy ───────────────────────────── */
.band-white{background:#fff;}
.band-cream{background:var(--qr-bg-soft);}
.band-gold{
  background:linear-gradient(120deg,var(--qr-navy) 0%,var(--qr-navy-2) 55%,#1A49B8 100%);
  --qc-cream:#FFFFFF;
  --qc-muted:rgba(232,238,255,.82);
  --qc-gold:var(--qr-gold);
  --qc-gold-light:var(--qr-gold);
  --qc-hairline:rgba(255,255,255,.16);
  --qc-gold-glow:rgba(226,166,59,.18);
  color:#fff;
}
.band-gold h2,.band-gold h3,.band-gold h4{color:#fff;}
.band-gold .qc-eyebrow{color:var(--qr-gold);}
.band-gold .principle-box,.band-gold .card3d,.band-gold .fee-card,.band-gold .askbox,.band-gold .essay,.band-gold .step,
.band-gold .form{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff;}
.band-gold .qc-btn-gold{background:var(--qr-gold);border-color:var(--qr-gold);color:#1A1204;}
.band-gold .qc-btn-gold:hover{background:#EDB552;border-color:#EDB552;color:#1A1204;box-shadow:0 12px 26px -12px rgba(226,166,59,.6);}
.band-gold .qc-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45);}
.band-gold .qc-btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.06);}
.band-gold .form input,.band-gold .form textarea,.band-gold .form select{background:#fff;border-color:rgba(255,255,255,.3);color:var(--qr-text);}
.band-gold .form label{color:rgba(232,238,255,.9);}

/* the brown dot / wash textures are part of the old palette */
.tx-dots::before,.tx-wash::after{display:none !important;}

/* stats strip */
.strip{background:#fff;border-color:var(--qr-line);}
.strip .item b{color:var(--qr-navy);font-weight:800;}

/* cards on white / soft bands */
.principle-box,.card3d,.fee-card,.askbox,.essay,.info-card{border-color:var(--qr-line);}
.creds span{border-color:var(--qr-line);color:#2A3350;background:#fff;}

/* ── footer: deep navy ────────────────────────────────────────────────────── */
footer{background:var(--qr-navy);color:#C9D3EA;border-top:0;}
footer .brand .mono{background:#fff;color:var(--qr-navy);}
footer .brand .name{color:#fff;}
footer h5,.foot-cols h5{color:#fff;}
footer a,.foot-cols a{color:#C9D3EA;}
footer a:hover,.foot-cols a:hover{color:var(--qr-gold);}
footer p,.foot-disc,.foot-bottom{color:#AEB9D3;}
.foot-disc{border-top-color:rgba(255,255,255,.12);}

/* ── client login: navy gradient + white card, as on Research ─────────────── */
body.qc-login{background:linear-gradient(160deg,#0A1633 0%,#122B66 55%,#1C4FD6 120%);min-height:100vh;}
body.qc-login>header .brand .name{color:#fff;}
body.qc-login>header .brand .mono{background:#fff;color:var(--qr-navy);}
body.qc-login>header .back{color:#C9D3EA;}
body.qc-login>header .back:hover{color:#fff;}
body.qc-login .login-shell{background:#fff;border:0;border-radius:22px;box-shadow:0 40px 80px -30px rgba(5,12,30,.6);}
body.qc-login .login-shell h1{color:var(--qr-text);}
body.qc-login .login-shell h1 em{color:var(--qr-blue);}
body.qc-login .login-shell input{border-radius:10px;border:1px solid #CCD4E4;}
body.qc-login .login-shell input:focus{outline:2px solid var(--qr-blue-soft);border-color:var(--qr-blue);}
body.qc-login .qc-hairline{display:none;}
body.qc-login .qc-disclaimer{color:#AEB9D3;}

/* ── client dashboard ─────────────────────────────────────────────────────── */
body.qc-dash{background:var(--qr-bg-soft);}

/* home "who I am" and About page: the portrait now appears only once, in the home hero */
.about-grid.about-solo{grid-template-columns:1fr;max-width:860px;}
.split{grid-template-columns:1fr;max-width:900px;}

/* header buttons: beat the older ".navlinks a" / ".qc-btn-login" rules */
.navlinks a.qc-btn.qc-btn-gold,.navlinks a.qc-btn.qc-btn-gold:hover{color:#fff;}
.navlinks a.qc-btn.qc-btn-login{background:#fff;color:var(--qr-blue);border:1.5px solid var(--qr-blue);}
.navlinks a.qc-btn.qc-btn-login:hover{background:var(--qr-blue-soft);color:var(--qr-blue-d);}

/* header links stay on one line, as on Research */
.navlinks>a{white-space:nowrap;}
.navlinks{gap:4px;}
/* login: white text on the blue "Contact for advisory" button */
body.qc-login .lfoot .qc-btn-gold,body.qc-login .lfoot .qc-btn-gold:hover{color:#fff;}
/* client dashboard top bar */
body.qc-dash .topbar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--qr-line);backdrop-filter:blur(10px);}

/* newsletter articles use --qc-navy as their ink colour: keep it dark there */
.article,.backrow{--qc-navy:var(--qr-navy);}
.article .body{color:#2A3350;}