/* ==========================================================================
   Gravitorix inner pages — light and vibrant (matches the homepage).
   Load after styles.css and add class="lite" to <body>.
   Used by services.html, work.html and about.html.
   ========================================================================== */
body.lite{
  --v-blue:#2C79BE;--v-sky:#4A9BE0;--v-violet:#7A5AF8;--v-teal:#17A2A2;--v-amber:#F59E0B;--v-pink:#EC4899;--v-green:#22A36B;
  background:#FBFCFF}
.lite h1,.lite h2,.lite h3{color:var(--navy)}
.lite .eyebrow{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#EAF2FB;color:var(--v-blue)}
.lite .eyebrow.on-dark{color:var(--v-blue)}
/* [TO CONFIRM] markers: readable blue on white */
.lite .confirm,.lite .held-note span,.lite [style*="--signal-blue"]{color:var(--v-blue)!important}
.lite section{position:relative}

/* ---- page header : white with soft colour washes ---- */
.lite .page-hero{background:#FBFCFF;color:var(--navy);padding:156px 0 88px;border-bottom:1px solid var(--mist)}
.lite .page-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 45% 70% at 6% 0%,rgba(74,155,224,.22),transparent 70%),
    radial-gradient(ellipse 40% 70% at 95% 10%,rgba(122,90,248,.18),transparent 70%),
    radial-gradient(ellipse 35% 60% at 70% 110%,rgba(245,158,11,.12),transparent 70%)}
.lite .page-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(44,121,190,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(44,121,190,.06) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 30% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 30% 20%,#000 20%,transparent 75%)}
.lite .page-hero .wrap{z-index:2}
.lite .page-hero h1{color:var(--navy)}
.lite .page-hero p{color:var(--slate)}
.lite .page-orbit{opacity:.45}
.lite .orbit .ring{stroke:var(--v-blue)}

/* ---- CTA : vivid rounded card instead of a navy band ---- */
.lite .cta{background:transparent;color:#fff;padding:24px 0 120px;overflow:visible}
.lite .cta .cta-orbit{display:none}
.lite .cta .wrap{position:relative;overflow:hidden;width:min(1100px,calc(100% - 32px));text-align:center;padding:96px 56px;border-radius:40px;
  background:radial-gradient(circle at 15% 0%,rgba(255,255,255,.28),transparent 45%),radial-gradient(circle at 90% 110%,rgba(236,72,153,.45),transparent 50%),linear-gradient(120deg,#2C79BE,#6D5BF0 60%,#8B5CF6);
  box-shadow:0 40px 80px -40px rgba(109,91,240,.7)}
.lite .cta .wrap::before{content:"";position:absolute;left:-160px;bottom:-260px;width:520px;height:520px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.28);box-shadow:0 0 0 90px rgba(255,255,255,.05),0 0 0 91.5px rgba(255,255,255,.18);pointer-events:none}
.lite .cta .wrap>*{position:relative}
.lite .cta .eyebrow{background:rgba(255,255,255,.18);color:#fff}
.lite .cta h2{color:#fff;margin-left:auto;margin-right:auto}
.lite .cta p{color:rgba(255,255,255,.92);margin-left:auto;margin-right:auto}
.lite .cta .btn-primary{background:#fff;color:#4C3FD1;box-shadow:0 12px 30px -12px rgba(0,0,0,.35)}
.lite .cta .btn-primary:hover{background:#EEF2FF}
.lite .cta .cta-note{color:rgba(255,255,255,.8);max-width:none}

/* ---- buttons, chips, links ---- */
.lite .btn-secondary.on-light{border-color:var(--mist)}
.lite .chip{border-radius:999px;padding:5px 12px;background:#F3F7FF;border-color:#DCE7F5;color:var(--navy)}
.lite .text-link{color:var(--v-blue);border-bottom-color:#D6E4F3}

/* ---- services : colourful practice icons ---- */
.lite .svc-detail{border-top-color:var(--mist)}
.lite .svc-detail-icon{--c:var(--v-blue);width:60px;height:60px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:30px;
  color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
.lite .svc-detail:nth-of-type(2) .svc-detail-icon{--c:var(--v-teal)}
.lite .svc-detail:nth-of-type(3) .svc-detail-icon{--c:var(--v-violet)}
.lite .svc-detail:nth-of-type(4) .svc-detail-icon{--c:var(--v-amber)}
.lite .svc-detail:nth-of-type(5) .svc-detail-icon{--c:var(--v-green)}
.lite .svc-detail .path,.lite .incl-label{color:var(--v-blue)}
.lite .incl li::before{border-radius:50%;background:linear-gradient(135deg,var(--v-blue),var(--v-violet))}

/* ---- work : light project cards instead of dark terminal panels ---- */
.lite .case{border-top-color:var(--mist)}
.lite .case-thumb{border-radius:22px;border-color:var(--mist)}
.lite .figure{border-radius:22px;background:linear-gradient(150deg,#F3F7FF,#F7F3FF);border-color:#E1EAF6}
.lite .figure .ms{color:var(--v-violet)}
.lite .case-meta{background:#fff;border:1px solid var(--mist);border-radius:22px;overflow:hidden;box-shadow:0 24px 50px -32px rgba(44,121,190,.45)}
.lite .meta-bar{background:linear-gradient(120deg,#EAF2FB,#F1ECFF);border-bottom-color:var(--mist)}
.lite .meta-bar .d{border-radius:50%;background:#C9D6E6;opacity:1}
.lite .meta-bar .d:first-child{background:var(--v-blue)}
.lite .meta-bar .mt{color:var(--slate)}
.lite .meta-list li:hover{background:#F6F9FE}
.lite .meta-list .ms{--c:var(--v-blue);width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);margin-top:0}
.lite .meta-list li:nth-child(2) .ms{--c:var(--v-violet)}
.lite .meta-list li:nth-child(3) .ms{--c:var(--v-teal)}
.lite .meta-list li:nth-child(4) .ms{--c:var(--v-amber)}
.lite .meta-list .mk{color:var(--steel)}
.lite .meta-list .mv{color:var(--navy)}
.lite .meta-list{padding-bottom:14px}
.lite .case-tag{color:var(--v-violet)}
.lite .decision li::before{border-radius:50%;background:linear-gradient(135deg,var(--v-blue),var(--v-violet))}
.lite .case-figure .v{color:var(--v-blue)}

/* ---- about : soft cards ---- */
.lite .on-paper{background:linear-gradient(180deg,#F3F7FF,#FBFCFF)}
.lite .team-grid{gap:16px;background:transparent;border:0}
.lite .member{border-radius:22px;border:1px solid var(--mist);transition:transform var(--dur-enter) var(--ease-brand),box-shadow var(--dur-enter) var(--ease-brand)}
.lite .member:hover{transform:translateY(-3px);box-shadow:0 24px 46px -30px rgba(44,121,190,.45)}
.lite .member-photo{border-radius:16px;border:0;background:linear-gradient(150deg,#EAF2FB,#F1ECFF)}
.lite .member-photo .ms{color:var(--v-violet)}
.lite .member .li{color:var(--v-blue)}
.lite .rail{gap:12px;background:transparent;border:0}
.lite .rail-step{border-radius:22px;border:1px solid var(--mist)}
.lite .rail-when{color:var(--v-violet)}

/* ---- case studies : navy hero/stat-strip/security sections become light ---- */
.lite .cs-hero{background:#FBFCFF;color:var(--navy);border-bottom:1px solid var(--mist)}
.lite .cs-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 45% 70% at 6% 0%,rgba(74,155,224,.22),transparent 70%),
    radial-gradient(ellipse 40% 70% at 95% 10%,rgba(122,90,248,.18),transparent 70%),
    radial-gradient(ellipse 35% 60% at 70% 110%,rgba(245,158,11,.12),transparent 70%)}
.lite .cs-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(44,121,190,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(44,121,190,.06) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 30% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 30% 20%,#000 20%,transparent 75%)}
.lite .cs-hero .hero-orbit{opacity:.45}
.lite .cs-hero h1{color:var(--navy)}
.lite .cs-hero .sub{color:var(--slate)}
.lite .cs-crumb,.lite .cs-crumb a,.lite .cf-crumb,.lite .cf-crumb a{color:var(--slate)}
.lite .cs-crumb a:hover,.lite .cf-crumb a:hover{color:var(--v-blue)}
.lite .outcome{background:linear-gradient(180deg,#F3F7FF,#FBFCFF);border-top-color:var(--mist)}
.lite .stat .v,.lite .cf-stat .v{color:var(--navy)}
.lite .stat .v .confirm,.lite .cf-stat .v .confirm{color:var(--v-blue)}
.lite .stat .l,.lite .cf-stat .l{color:var(--slate)}
.lite .on-navy{background:linear-gradient(120deg,#EAF2FB,#F1ECFF)}
.lite .on-navy h2,.lite .on-navy h3,.lite .on-navy .cf-h2{color:var(--navy)}
.lite .on-navy .lede,.lite .on-navy .cf-lede{color:var(--slate)}
.lite .on-navy .app{border:1px solid var(--mist);box-shadow:0 18px 40px -30px rgba(44,121,190,.3)}
.lite .on-navy .app p{color:var(--slate)}
.lite .cf-hero{background:#FBFCFF;color:var(--navy)}
.lite .cf-hero .cf-title{color:var(--navy)}
.lite .cf-hero .cf-hsub{color:var(--slate)}
.lite .cf-hero .cf-spec span{border-left-color:var(--mist)}
.lite .cf-hero .cf-spec b{color:var(--slate)}
.lite .cf-hero .cf-spec i{color:var(--navy)}
.lite .cf-hero .cf-hero-img{box-shadow:0 30px 70px -30px rgba(44,121,190,.35)}
.lite .cf-constraint{background:var(--paper);color:var(--navy);border-left:3px solid var(--v-blue);padding:30px 32px}
.lite .cf-constraint::before{display:none}
.lite .cf-constraint .k{color:var(--v-blue)}
.lite .cf-constraint p{color:var(--navy)}
.lite .cf-seccard{background:#fff;border:1px solid var(--mist);box-shadow:0 18px 40px -30px rgba(44,121,190,.3)}
.lite .cf-seccard h3{color:var(--navy)}
.lite .cf-seccard p{color:var(--slate)}
.lite .cf-seccard .n{color:var(--v-blue)}

@media(max-width:920px){
  .lite .page-hero{padding:124px 0 64px}
}
@media(max-width:620px){
  .lite .cta{padding-bottom:72px}
  .lite .cta .wrap{padding:64px 22px;border-radius:24px}
  .lite .cta .btn{width:100%;justify-content:center}
}