@import url("base.css?v=1");
/* ===== Spirant "Indigo Light" theme — colours from the Spirant WhatsApp video ===== */
:root{
  --ink:#ffffff; --ink-2:#f5f4fc; --ink-3:#ffffff; --line:#e7e5f4; --line-2:#d6d3ec;
  --paper:#f6f7fd; --paper-2:#eef0fb; --text:#17143d; --muted:#5e5a80; --muted-2:#8a87a6;
  --indigo-900:#1b114d; --indigo-800:#2a1f6e; --indigo-600:#4e4198; --royal:#2f5bd3; --sky:#9cc4f2; --orange:#ec8236;
  --grad:linear-gradient(120deg,#2a1f6e 0%,#4e4198 45%,#2f5bd3 100%);
  --grad-soft:linear-gradient(135deg,#f3f1fd 0%,#eef3fe 100%);
  --dark-text:#17143d; --dark-muted:#5e5a80;
}
body{--acc:#3f4fd6; --acc-soft:#eceefd; --gold:var(--acc); --gold-2:var(--acc); background:#fff; color:var(--text)}
body[data-page="medigene"]{--acc:#7a68ee; --acc-soft:#f0edfe}
body[data-page="think-nest"]{--acc:#e9822f; --acc-soft:#fdf1e7}
body[data-page="clinovate"]{--acc:#14a9b3; --acc-soft:#e6f7f8}
body[data-page="biocortex"]{--acc:#3a7be8; --acc-soft:#e9f1fe}
body[data-page="medshort"]{--acc:#dc5a9f; --acc-soft:#fdedf5}
::selection{background:var(--acc);color:#fff}
.hdr.solid{background:rgba(255,255,255,.94);border-color:var(--line);box-shadow:0 6px 30px rgba(27,17,77,.06)}
.hdr.solid::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--orange),#9cc4f2 40%,var(--royal))}
.hdr:not(.solid) .nav>a,.hdr:not(.solid) .nav .dd>button{color:#fff}
.hdr:not(.solid) .burger{color:#fff;border-color:rgba(255,255,255,.4)}
.hdr.solid .logo img{filter:brightness(0) saturate(100%) invert(10%) sepia(55%) saturate(4500%) hue-rotate(245deg) brightness(.85)}
.nav>a:hover,.nav .dd>button:hover,.nav>a.on{background:var(--acc-soft);color:var(--text)}
.hdr:not(.solid) .nav>a:hover,.hdr:not(.solid) .nav>a.on{background:rgba(255,255,255,.14);color:#fff}
.nav .cta{background:var(--grad);color:#fff!important;border:0}
.nav .cta:hover{filter:brightness(1.1);background:var(--grad)}
.mega{background:#fff;border-color:var(--line);box-shadow:0 30px 70px rgba(27,17,77,.16)}
.mega a:hover{background:var(--ink-2);border-color:var(--line)}
.mega a:nth-child(1) i{color:#7a68ee}.mega a:nth-child(2) i{color:#e9822f}.mega a:nth-child(3) i{color:#14a9b3}.mega a:nth-child(4) i{color:#3a7be8}.mega a:nth-child(5) i{color:#dc5a9f}
.burger{color:var(--text)}
@media (max-width:1020px){
  .nav{background:#fff}
  .hdr:not(.solid) .nav>a,.hdr:not(.solid) .nav .dd>button{color:var(--text)}
  .hdr:has(.nav.open){background:#fff}
  .hdr:has(.nav.open) .logo img{filter:brightness(0) saturate(100%) invert(10%) sepia(55%) saturate(4500%) hue-rotate(245deg) brightness(.85)}
  .hdr:has(.nav.open) .burger{color:var(--text);border-color:var(--line-2)}
}
.hero::after{background:linear-gradient(100deg,rgba(27,17,77,.92) 0%,rgba(42,31,110,.78) 38%,rgba(47,91,211,.35) 75%,rgba(47,91,211,.15) 100%),linear-gradient(180deg,rgba(27,17,77,.25),rgba(27,17,77,.55))}
.hero .display{color:#fff}
.hero .display em{color:var(--sky);background:none}
body[data-page="medigene"] .hero .display em,body[data-page="think-nest"] .hero .display em,body[data-page="clinovate"] .hero .display em,body[data-page="biocortex"] .hero .display em,body[data-page="medshort"] .hero .display em{color:color-mix(in srgb,var(--acc) 55%,#fff)}
.hero .lede{color:#e3e0fb}
.hero .eyebrow{color:var(--sky)}.hero .eyebrow::before{background:var(--orange)}
.hero .btn{color:#fff;border-color:rgba(255,255,255,.45)}
.hero .btn:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.hero .btn.gold{background:#fff;color:var(--indigo-800);border-color:#fff}
.hero .btn.gold:hover{background:#eef0ff}
.hero .wrap::after{content:"";display:block;width:min(340px,60%);height:3px;margin-top:38px;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--sky))}
.scroll-cue{color:#cfd9f5}
.eyebrow{color:var(--acc)}.eyebrow::before{background:var(--orange)}
.display em,.h1 em,.h2 em,.h3 em,.light .h1 em,.light .h2 em,.quote em{color:var(--acc);background:none}
body[data-page="home"] .h1 em,body[data-page="about"] .h1 em,body[data-page="home"] .h2 em,body[data-page="about"] .h2 em,body[data-page="therapy"] .h1 em,body[data-page="insights"] .h1 em,body[data-page="contact"] .display em{background:linear-gradient(90deg,#4e4198,#2f5bd3);-webkit-background-clip:text;background-clip:text;color:transparent}
.muted,.light .muted,.light p.muted{color:var(--muted)}
.light{background:var(--paper);color:var(--text)}
.panel{background:var(--grad-soft)}
.btn{border-color:var(--line-2);color:var(--text)}
.btn:hover{border-color:var(--acc);color:var(--acc)}
.btn.gold{background:var(--grad);color:#fff;border-color:transparent}
.btn.gold:hover{background:var(--grad);filter:brightness(1.1);color:#fff}
.card,.light .card{background:#fff;border-color:var(--line);box-shadow:0 1px 2px rgba(27,17,77,.04)}
.card:hover{border-color:color-mix(in srgb,var(--acc) 35%,var(--line));box-shadow:0 14px 40px rgba(27,17,77,.08);transform:translateY(-2px)}
.card p,.light .card p{color:var(--muted)}
.card .num,.light .card .num{color:var(--acc)}
.card li,.light .card li{color:#3c3963}
.card li::before{background:var(--acc)}
.card.gold{background:var(--grad);color:#fff;border-color:transparent}
.card.gold p,.card.gold li{color:#e3e0fb}.card.gold .num{color:var(--sky)!important}
.card.gold h3,.card.gold h4{color:#fff}
.ico,.light .ico{background:var(--acc-soft);color:var(--acc)}
.div-tile{border-color:var(--line)}
.div-tile::after{background:linear-gradient(180deg,rgba(27,17,77,0) 15%,rgba(27,17,77,.9) 78%)}
.div-tile h3,.div-tile p{color:#fff}.div-tile p{color:#dcd9f5}
.div-tile:nth-child(1) .tag,.div-tile:nth-child(1) .go{color:#b3a8ff}
.div-tile:nth-child(2) .tag,.div-tile:nth-child(2) .go{color:#ffb070}
.div-tile:nth-child(3) .tag,.div-tile:nth-child(3) .go{color:#5fd8de}
.div-tile:nth-child(4) .tag,.div-tile:nth-child(4) .go{color:#8fb8ff}
.div-tile:nth-child(5) .tag,.div-tile:nth-child(5) .go{color:#ff8fc6}
.div-tile:nth-child(1){box-shadow:inset 0 -4px 0 #7a68ee}.div-tile:nth-child(2){box-shadow:inset 0 -4px 0 #e9822f}.div-tile:nth-child(3){box-shadow:inset 0 -4px 0 #14a9b3}.div-tile:nth-child(4){box-shadow:inset 0 -4px 0 #3a7be8}.div-tile:nth-child(5){box-shadow:inset 0 -4px 0 #dc5a9f}
.stats{border:0;gap:14px}
.stat,.light .stat{background:#fff;border:1px solid var(--line)!important;border-radius:16px;position:relative;overflow:hidden}
.stat::after{content:"";position:absolute;left:20px;right:20px;bottom:14px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--orange) 70%,var(--line) 70%)}
.stat b,.light .stat b{background:linear-gradient(90deg,var(--indigo-600),var(--royal));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span,.light .stat span{color:var(--muted)}
.stat{padding-bottom:44px}
@media (max-width:1000px){.stats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.stats{grid-template-columns:1fr 1fr}}
.marquee{border-color:var(--line);background:#fff;color:var(--indigo-800)}
.marquee .track span::after{color:var(--orange)}
.step::before{color:var(--acc)}.step::after{background:var(--orange)}
.steps,.light .steps{border-color:var(--line-2)}
.step p,.light .step p{color:var(--muted)}
.rows,.row,.light .rows,.light .row{border-color:var(--line)}
.row .n,.light .row .n{color:var(--acc)}
.row p,.light .row p{color:var(--muted)}
.chip,.light .chip{border-color:var(--line-2);color:#3c3963;background:#fff}
.tabs button,.light .tabs button{border-color:var(--line-2);color:var(--text);background:#fff}
.tabs button.on,.light .tabs button.on{background:var(--grad);border-color:transparent;color:#fff}
.acc,.acc details,.light .acc,.light .acc details{border-color:var(--line)}
.acc summary::after{color:var(--acc)}
.acc .body,.light .acc .body{color:var(--muted)}
.frame{border-color:var(--line);background:var(--ink-2)}
.tbl th,.light .tbl th{color:var(--acc);border-color:var(--line)}
.tbl td,.light .tbl td{color:#3c3963;border-color:var(--line)}
.tbl td:first-child,.light .tbl td:first-child{color:var(--text)}
.ring .orbit,.light .ring .orbit{border-color:var(--line-2)}
.ring .core{background:var(--grad);color:#fff;box-shadow:0 20px 50px rgba(47,91,211,.25)}
.ring .node,.light .ring .node{background:#fff;border-color:var(--line-2);color:var(--text);box-shadow:0 6px 18px rgba(27,17,77,.07)}
.pill-num{background:var(--acc);color:#fff}
.disclaimer,.light .disclaimer{color:var(--muted-2)}
.logos-track img{border:1px solid var(--line)}
.subnav{background:rgba(255,255,255,.95);border-color:var(--line)}
.subnav a{color:var(--muted)}
.subnav a:hover,.subnav a.on{color:var(--text);border-color:var(--acc)}
.cta-band{background:var(--grad);color:#fff;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.cta-band>*{position:relative}
.cta-band .h1{color:#fff}.cta-band p{color:#dcd9f7}
.cta-band .btn{background:#fff;color:var(--indigo-800);border-color:#fff}
.cta-band .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.form label{color:var(--muted)}
.form input,.form select,.form textarea{background:#fff;color:var(--text);border-color:var(--line-2)}
.form input:focus,.form select:focus,.form textarea:focus{outline-color:var(--acc)}
.ftr{background:linear-gradient(160deg,#1b114d 0%,#2a1f6e 55%,#1e3f9a 100%);border-top:0;color:#fff;position:relative}
.ftr::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--sky) 45%,var(--royal))}
.ftr h5{color:var(--sky)}
.ftr a{color:#c9c5ee}.ftr a:hover{color:#fff}
.ftr .about p{color:#c9c5ee}
.ftr .bot{border-color:rgba(255,255,255,.14);color:#a9a4d8}
.ftr .big{color:rgba(255,255,255,.05)}

.stat b,.light .stat b{font-size:clamp(30px,3.1vw,52px);white-space:nowrap}
.stat{padding-left:18px;padding-right:12px}
html{scroll-behavior:auto}
