
/* CIMYCO V2.8 — Shared premium visual system for internal pages */
:root{
  --cmy-night:#031225;
  --cmy-navy:#06182f;
  --cmy-navy2:#0a213d;
  --cmy-blue:#2b95ff;
  --cmy-blue2:#63b4ff;
  --cmy-ice:#eaf4ff;
  --cmy-muted:#aebfd1;
  --cmy-line:#294a68;
}
body:not(.home-v27){
  background:var(--cmy-night);
  color:#fff;
}
body:not(.home-v27) .site-header{
  background:rgba(3,18,37,.94);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(112,170,225,.11);
}
body:not(.home-v27) .main-nav>a.active{
  color:var(--cmy-blue2)!important;
}
body:not(.home-v27) .main-nav>a.active:after{
  background:var(--cmy-blue2)!important;
  box-shadow:0 0 12px rgba(99,180,255,.5);
}
body:not(.home-v27) main{
  overflow:hidden;
}
body:not(.home-v27) .page-hero,
body:not(.home-v27) .expert-hero,
body:not(.home-v27) .detail-hero{
  background:
    radial-gradient(circle at 78% 32%,rgba(47,146,242,.14),transparent 27%),
    linear-gradient(120deg,#031225,#06192f 61%,#082344);
  position:relative;
}
body:not(.home-v27) .page-hero:after,
body:not(.home-v27) .expert-hero:after,
body:not(.home-v27) .detail-hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(91,172,249,.44),transparent);
}
body:not(.home-v27) .page-hero h1,
body:not(.home-v27) .expert-hero h1,
body:not(.home-v27) .detail-hero h1{
  color:#fff;
  text-shadow:0 18px 70px rgba(0,0,0,.18);
}
body:not(.home-v27) .page-hero h1 span,
body:not(.home-v27) .expert-hero h1 span{
  color:#9ebbd8;
}
body:not(.home-v27) .eyebrow,
body:not(.home-v27) .micro{
  color:var(--cmy-blue2);
}
body:not(.home-v27) .btn{
  box-shadow:0 12px 30px rgba(22,118,214,.16);
  transition:transform .2s ease,box-shadow .2s ease;
}
body:not(.home-v27) .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(22,118,214,.23);
}

/* Light content sections */
body:not(.home-v27) .detail-intro,
body:not(.home-v27) .expert-intro,
body:not(.home-v27) .step-section,
body:not(.home-v27) .sector-grid-section,
body:not(.home-v27) .contact-page-grid{
  background:
    radial-gradient(circle at 100% 0,rgba(42,145,255,.055),transparent 24%),
    #f7f9fc;
}
body:not(.home-v27) .detail-intro h2,
body:not(.home-v27) .expert-intro h2,
body:not(.home-v27) .step-section h2,
body:not(.home-v27) .contact-panel h2{
  color:#07182c;
}
body:not(.home-v27) .detail-intro>p:last-child,
body:not(.home-v27) .expert-intro>p:last-child{
  color:#596b7e;
}

/* Premium cards */
body:not(.home-v27) .detail-grid article,
body:not(.home-v27) .sector-grid article,
body:not(.home-v27) .method-grid article,
body:not(.home-v27) .feature-cards article,
body:not(.home-v27) .needs-grid article{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body:not(.home-v27) .detail-grid article:hover,
body:not(.home-v27) .sector-grid article:hover,
body:not(.home-v27) .method-grid article:hover,
body:not(.home-v27) .feature-cards article:hover,
body:not(.home-v27) .needs-grid article:hover{
  transform:translateY(-5px);
  border-color:#4b9be7;
  box-shadow:0 20px 55px rgba(12,45,77,.10);
}

/* Dark narrative sections */
body:not(.home-v27) .expert-story,
body:not(.home-v27) .detail-outcomes,
body:not(.home-v27) .ai-offer,
body:not(.home-v27) .split-feature,
body:not(.home-v27) .page-cta{
  background:
    radial-gradient(circle at 78% 35%,rgba(38,133,225,.09),transparent 25%),
    linear-gradient(120deg,#04152a,#071a32 68%,#09213e);
}
body:not(.home-v27) .story-visual,
body:not(.home-v27) .detail-scene{
  border-color:#2d577d;
  box-shadow:0 28px 75px rgba(0,0,0,.18);
}

/* Footer */
body:not(.home-v27) footer{
  background:#020d1b;
  border-top:1px solid #1d3852;
}
body:not(.home-v27) footer strong{
  color:#a9c3dc;
}
body:not(.home-v27) footer a{
  color:#91a7bc;
}
body:not(.home-v27) footer a:hover{
  color:#60b1fb;
}

/* Reusable section accent */
body:not(.home-v27) .section-head,
body:not(.home-v27) .needs-head,
body:not(.home-v27) .ai-head{
  position:relative;
}
body:not(.home-v27) .section-head:before,
body:not(.home-v27) .needs-head:before,
body:not(.home-v27) .ai-head:before{
  content:"";
  width:54px;height:2px;
  background:var(--cmy-blue);
  box-shadow:0 0 12px rgba(43,149,255,.45);
  display:block;
  margin-bottom:20px;
}

/* Contact */
body:not(.home-v27) .contact-form-wrap{
  box-shadow:0 22px 60px rgba(20,53,84,.08);
}
body:not(.home-v27) .meeting-card{
  border-color:#b9cee1;
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
body:not(.home-v27) .meeting-card:hover{
  transform:translateY(-3px);
  border-color:#4a9eea;
  box-shadow:0 16px 40px rgba(17,66,110,.09);
}

/* Small motion polish */
body:not(.home-v27) [data-v28-reveal]{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .65s ease,transform .65s ease;
}
body:not(.home-v27) [data-v28-reveal].v28-visible{
  opacity:1;
  transform:none;
}
@media(prefers-reduced-motion:reduce){
  body:not(.home-v27) [data-v28-reveal]{opacity:1;transform:none;transition:none}
}

.v28-overview{
  padding:95px max(6vw,70px);
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:7vw;
  background:linear-gradient(120deg,#031225,#071b34);
  color:#fff;
}
.v28-overview h2{
  font-size:clamp(38px,4vw,60px);
  line-height:1.04;
  letter-spacing:-.04em;
  margin:12px 0;
}
.v28-overview-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #2b4e70;
  border-left:1px solid #2b4e70;
}
.v28-overview-grid article{
  min-height:130px;
  padding:22px;
  border-right:1px solid #2b4e70;
  border-bottom:1px solid #2b4e70;
  background:rgba(8,31,57,.65);
}
.v28-overview-grid b{
  font-size:9px;color:#5baeff
}
.v28-overview-grid span{
  display:block;
  color:#f2f7fb;
  margin:24px 0 8px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.06em;
}
.v28-overview-grid small{
  color:#94a9bd;
}
@media(max-width:850px){
  .v28-overview{grid-template-columns:1fr}
}
@media(max-width:700px){
  .v28-overview{padding:75px 24px}
  .v28-overview-grid{grid-template-columns:1fr}
}
