/* MANTIS ESTUDIO — V8.2 AURORA COLOR HARMONY
   Goal: a livelier sky-blue system without abrupt bands or vertical seams.
   This file intentionally overrides prior color experiments while preserving layout/content. */

:root{
  --page-sky:#8fdef5;
  --page-sky-soft:#c9f1fc;
  --page-sky-line:#72cde9;
  --sky-50:#effbff;
  --sky-100:#c9f1fc;
  --sky-200:#a3e6f8;
  --sky-300:#6ed4f1;
  --sky-400:#2ebce7;
  --sky-500:#0aa9df;
  --sky-600:#078bb8;
  --navy:#123e5f;
  --ink:#193f59;
  --muted:#466b83;
}

html,body{
  background:#8fdef5;
}

/* Header: more alive, still calm and executive. */
.site-header{
  background:linear-gradient(100deg,rgba(163,232,249,.98) 0%,rgba(111,210,239,.98) 48%,rgba(172,235,249,.98) 100%) !important;
  border-bottom-color:rgba(27,151,199,.42) !important;
  box-shadow:0 10px 34px rgba(18,119,164,.13) !important;
}
.site-header.scrolled{
  background:linear-gradient(100deg,rgba(151,226,246,.98) 0%,rgba(99,202,234,.98) 48%,rgba(162,231,247,.98) 100%) !important;
  box-shadow:0 12px 38px rgba(18,109,153,.17) !important;
}
.header-line{
  background:linear-gradient(90deg,#65d3f0 0%,#0aa9df 48%,#4679d0 100%) !important;
}

/* Hero: same family, slightly more saturated at the edges while preserving a bright reading zone. */
.hero{
  background:
    radial-gradient(circle at 50% 10%,rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 25%,rgba(240,252,255,.93) 52%,rgba(143,222,245,.98) 100%),
    linear-gradient(180deg,#8fdef5 0%,#d9f7ff 52%,#8fdef5 100%) !important;
}
.hero::before{
  background:radial-gradient(circle,rgba(20,176,224,.30),rgba(20,176,224,0) 70%) !important;
}
.hero::after{
  background-image:
    linear-gradient(rgba(7,139,184,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,139,184,.075) 1px,transparent 1px) !important;
}

/* Service carousel: integrate it into the page. No hard vertical panel, no visible column. */
.story-wrap{
  background:linear-gradient(180deg,#8fdef5 0%,#a8e7f8 28%,#c9f3fc 66%,#e9faff 100%) !important;
  border-top:0 !important;
}
.story-shell{
  background:transparent !important;
  border-top:1px solid rgba(49,165,207,.10) !important;
  border-bottom:1px solid rgba(49,165,207,.14) !important;
  box-shadow:none !important;
}
.story-slide{
  color:var(--navy) !important;
}
.story-slide::before{
  background:
    radial-gradient(circle at 76% 48%,rgba(255,255,255,.34) 0%,rgba(255,255,255,.15) 25%,transparent 50%),
    linear-gradient(110deg,rgba(151,226,247,.98) 0%,rgba(180,237,250,.97) 48%,rgba(197,233,249,.97) 100%) !important;
  filter:none !important;
  opacity:1 !important;
}
/* This old rotated pseudo-element created the noticeable vertical/rectangular seam. */
.story-slide::after{
  display:none !important;
  content:none !important;
}
.story-kicker{color:#087fae !important;opacity:1 !important}
.story-slide h2{color:#123e5f !important}
.story-slide p{color:#355f78 !important;font-weight:520}
.story-tags span{
  color:#285b77 !important;
  border-color:rgba(21,143,190,.25) !important;
  background:rgba(255,255,255,.66) !important;
}
.story-cta{color:#126fa4 !important}
.story-dot{border-color:rgba(19,104,157,.55) !important}
.story-dot.active{background:#168fc5 !important}
.story-arrow{
  border-color:rgba(19,104,157,.26) !important;
  background:rgba(255,255,255,.72) !important;
  color:#126fa4 !important;
  box-shadow:0 8px 24px rgba(45,112,154,.08) !important;
}
.story-progress{
  background:linear-gradient(90deg,#13b7df,#3f82dc) !important;
  opacity:.62 !important;
}
/* Keep visual marks crisp but less like an isolated white panel. */
.story-brandmark{
  background:rgba(255,255,255,.31) !important;
  border-color:rgba(31,137,182,.14) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.44),0 18px 46px rgba(40,119,159,.07) !important;
}
.story-brandmark::before,.story-brandmark::after{border-color:rgba(31,137,182,.13) !important}

/* Whole-page color continuity: more vivid edges, bright center, no harsh banding. */
.specialties,.capabilities,.about{
  background:linear-gradient(90deg,#8fdef5 0%,#bceefa 8%,#eefbff 19%,#ffffff 34%,#ffffff 66%,#eefbff 81%,#bceefa 92%,#8fdef5 100%) !important;
}
.platform-band,.method,.contact{
  background:linear-gradient(90deg,#84d9f2 0%,#b9edf9 9%,#e5f8fe 20%,#f5fcff 36%,#f5fcff 64%,#e5f8fe 80%,#b9edf9 91%,#84d9f2 100%) !important;
}
.page-hero{
  background:linear-gradient(90deg,#8fdef5 0%,#c6f1fb 10%,#f5fcff 23%,#ffffff 37%,#ffffff 63%,#f5fcff 77%,#c6f1fb 90%,#8fdef5 100%) !important;
}
.content-section{
  background:linear-gradient(90deg,#8fdef5 0%,#d1f4fc 10%,#f7fdff 22%,#ffffff 38%,#ffffff 62%,#f7fdff 78%,#d1f4fc 90%,#8fdef5 100%) !important;
}
.content-section.alt{
  background:linear-gradient(90deg,#84d9f2 0%,#bceefa 10%,#e9f9fe 24%,#f4fcff 40%,#f4fcff 60%,#e9f9fe 76%,#bceefa 90%,#84d9f2 100%) !important;
}
.footer{
  background:linear-gradient(90deg,#91def4 0%,#b9ebf8 14%,#dbf5fc 50%,#b9ebf8 86%,#91def4 100%) !important;
  border-top-color:#75cae6 !important;
}

/* Slightly stronger controls and copy contrast. */
.btn-primary{
  background:linear-gradient(135deg,#09b5e5 0%,#347fe0 100%) !important;
  box-shadow:0 16px 40px rgba(7,157,211,.27) !important;
}
.btn-primary:hover{box-shadow:0 20px 50px rgba(7,157,211,.35) !important}
.section-copy,.hero-lead{color:#456b82 !important}

/* Method section gets the same richer background without changing the V8.1 card design. */
.method-v81{
  background:
    radial-gradient(circle at 12% 20%,rgba(50,194,233,.13),transparent 32%),
    radial-gradient(circle at 89% 78%,rgba(78,124,219,.11),transparent 34%),
    linear-gradient(90deg,#83d8f1 0%,#b9edf9 10%,#e9f9fe 25%,#f7fdff 50%,#e9f9fe 75%,#b9edf9 90%,#83d8f1 100%) !important;
}

@media(max-width:900px){
  .specialties,.capabilities,.about,.platform-band,.method,.contact,.page-hero,.content-section,.content-section.alt,.footer{
    background:linear-gradient(180deg,#a3e6f7 0%,#d9f7fe 18%,#f7fdff 48%,#d9f7fe 82%,#9de2f5 100%) !important;
  }
  .hero{
    background:linear-gradient(180deg,#98e0f4 0%,#f5fdff 48%,#a8e5f6 100%) !important;
  }
  .story-wrap{
    background:linear-gradient(180deg,#9ce3f5 0%,#c7f2fc 62%,#effbff 100%) !important;
  }
  .story-slide::before{
    background:linear-gradient(155deg,rgba(174,235,250,.98),rgba(220,247,253,.98)) !important;
  }
}

@media(max-width:680px){
  .story-shell{border-radius:20px !important;box-shadow:0 14px 38px rgba(50,112,151,.08) !important}
  .story-brandmark{display:none !important}
}