
/* V8 professional service & product page system */
.v8-page-hero{background:#f7fafc;border-bottom:1px solid #dce7ed;padding:54px 0 48px;overflow:hidden}
.v8-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);gap:64px;align-items:center}
.v8-breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:28px;font-size:12px;color:#78909d}
.v8-breadcrumbs a{color:#58717f}.v8-breadcrumbs a:hover{color:#009fe3}
.v8-hero-copy .eyebrow{color:#008dcc!important;margin-bottom:12px}
.v8-hero-copy h1{font-size:clamp(44px,5vw,68px)!important;line-height:1.02!important;color:#1d2022!important;max-width:760px;margin:0 0 22px!important;font-weight:650!important}
.v8-lead{font-size:18px!important;line-height:1.7!important;color:#566f7d!important;max-width:720px;margin-bottom:28px!important}
.v8-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.v8-phone{min-height:52px;padding:9px 16px;border:1px solid #cfdde5;border-radius:7px;background:#fff}
.v8-phone span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#7e909a;font-weight:650}
.v8-phone strong{display:block;font-size:14px;color:#173c50;margin-top:3px}
.v8-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:35px;border-top:1px solid #dbe6eb;border-bottom:1px solid #dbe6eb}
.v8-hero-stats>div{padding:16px 16px 16px 0;border-right:1px solid #dbe6eb}
.v8-hero-stats>div+div{padding-left:16px}.v8-hero-stats>div:last-child{border-right:0}
.v8-hero-stats small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#80929c;font-weight:650}
.v8-hero-stats strong{display:block;font-size:15px;color:#203f50;margin-top:5px;font-weight:650}
.v8-hero-media{position:relative;height:500px;border-radius:14px;overflow:hidden;background:#dbe8ee;box-shadow:0 24px 55px rgba(7,38,57,.12)}
.v8-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,29,45,.46))}
.v8-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.v8-media-card{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;padding:18px 20px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(5,31,48,.82);backdrop-filter:blur(10px);color:#fff}
.v8-media-card span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#5ec8f5;font-weight:700}
.v8-media-card strong{display:block;font-size:16px;line-height:1.35;margin:5px 0;color:#fff}
.v8-media-card small{display:block;font-size:11px;color:#b7cbd6}
.v8-direct-answer{background:#071f2d;color:#fff;padding:28px 0}
.v8-direct-answer>.container{display:grid;grid-template-columns:145px 340px 1fr;gap:28px;align-items:center}
.v8-direct-answer span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#4fc5f4;font-weight:700}
.v8-direct-answer h2{font-size:21px!important;line-height:1.25!important;color:#fff!important;margin:0!important;letter-spacing:-.025em!important}
.v8-direct-answer p{font-size:14px!important;line-height:1.7!important;color:#b5cad5!important;margin:0!important;max-width:none!important}

/* Fix all inner layouts */
section.section>.container.content-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:58px!important;align-items:start!important}
section.section .article{min-width:0!important;max-width:none!important}
section.section .aside{width:100%!important;position:sticky!important;top:112px!important}
section.section .aside-card{border-radius:10px!important;padding:25px!important;background:#082f4b!important;box-shadow:0 18px 42px rgba(4,35,54,.12)}
section.section .aside-card h3{font-size:20px!important;color:#fff!important}
section.section .aside-card p{color:#b5cad5!important}
.v7-rich-intro{padding:0 0 28px!important;border-bottom:1px solid #e1eaef;margin-bottom:30px!important}
.v7-rich-intro h2{font-size:34px!important;max-width:720px!important}
.v7-rich-intro p{font-size:16px!important;max-width:760px!important}
.v7-feature-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin:26px 0 42px!important}
.v7-feature{min-height:175px!important;padding:23px!important;border-radius:9px!important}
.v7-feature strong{font-size:16px!important}.v7-feature p{font-size:13px!important}
.v7-photo-split{grid-template-columns:1.05fr .95fr!important;gap:0!important;margin:42px 0!important;border:1px solid #dce7ed;border-radius:12px!important;overflow:hidden}
.v7-photo-split img{height:430px!important;border-radius:0!important}
.v7-photo-copy{padding:38px!important;background:#f6f9fb!important}
.v7-photo-copy h2{font-size:30px!important}.v7-photo-copy p,.v7-photo-copy li{font-size:14px!important}
.v7-tech-table{margin:30px 0 44px!important;border-radius:10px!important;overflow:hidden!important}
.v7-usecases{padding:70px 0!important}
.v7-usecases-head{margin-bottom:28px!important}.v7-usecases-head h2{font-size:34px!important}
.v7-usecases-grid{gap:14px!important}.v7-usecase{border-radius:10px!important;overflow:hidden!important}
.v7-usecase img{height:220px!important}
.related-solutions-block{padding:64px 0!important}

/* menu dynamics refinement */
.k-dropdown{transform-origin:top left;transition:opacity .16s ease,transform .16s ease,visibility .16s}
.k-nav-item:hover .k-dropdown,.k-nav-item.k-open .k-dropdown{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.k-dropdown a{transition:background .15s,border-color .15s,transform .15s}
.k-dropdown a:hover{transform:translateX(2px)}
.k-nav-item>button span{transition:transform .18s}
.k-nav-item.k-open>button span{transform:rotate(225deg);margin-top:4px}

@media(max-width:1080px){
 .v8-hero-grid{grid-template-columns:1fr;gap:28px}.v8-hero-media{height:440px}
 .v8-direct-answer>.container{grid-template-columns:1fr;gap:8px}
 section.section>.container.content-grid{grid-template-columns:1fr!important}
 section.section .aside{position:static!important}
}
@media(max-width:720px){
 .v8-page-hero{padding:38px 0 28px}.v8-hero-copy h1{font-size:40px!important}.v8-lead{font-size:16px!important}
 .v8-hero-media{height:310px}.v8-hero-stats{grid-template-columns:1fr}
 .v8-hero-stats>div{border-right:0;border-bottom:1px solid #dbe6eb;padding:12px 0!important}.v8-hero-stats>div:last-child{border-bottom:0}
 .v7-feature-grid{grid-template-columns:1fr!important}.v7-photo-split{grid-template-columns:1fr!important}.v7-photo-split img{height:280px!important}.v7-photo-copy{padding:25px!important}
 .v7-usecases-grid{grid-template-columns:1fr!important}
}


/* V9 — clean, aligned, professional inner-page correction */
section.section{background:#fff!important}
section.section>.container.content-grid{
  width:min(1180px,calc(100% - 48px))!important;
  margin:0 auto!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:48px!important;
  align-items:start!important;
}
section.section .article{
  width:100%!important;
  max-width:820px!important;
  margin:0!important;
}
section.section .aside{
  width:300px!important;
  position:sticky!important;
  top:112px!important;
}
section.section .aside-card{
  background:#082f4b!important;
  color:#fff!important;
  border-radius:10px!important;
  padding:28px!important;
  box-shadow:0 18px 44px rgba(8,47,75,.12)!important;
}
section.section .aside-card .eyebrow{color:#35b8ef!important}
section.section .aside-card h3{color:#fff!important;font-size:21px!important;line-height:1.35!important}
section.section .aside-card p{color:#c1d1da!important;font-size:14px!important;line-height:1.7!important}
section.section .aside-card .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.45)!important}

.v7-rich-intro{padding:4px 0 26px!important;margin:0 0 28px!important;border-bottom:1px solid #e2eaee!important}
.v7-rich-intro .eyebrow{color:#008dcc!important}
.v7-rich-intro h2{
  color:#202426!important;
  font-size:32px!important;
  line-height:1.16!important;
  margin:10px 0 14px!important;
}
.v7-rich-intro p{color:#5f7480!important;font-size:16px!important;line-height:1.75!important;margin:0!important}

.v7-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:12px!important;
  margin:0 0 38px!important;
}
.v7-feature{
  background:#fff!important;
  border:1px solid #dce6eb!important;
  border-radius:9px!important;
  min-height:180px!important;
  padding:23px!important;
}
.v7-feature span{color:#008dcc!important;font-size:11px!important;font-weight:700!important}
.v7-feature strong{display:block;color:#193a4b!important;font-size:16px!important;margin:24px 0 9px!important}
.v7-feature p{color:#657985!important;font-size:13px!important;line-height:1.65!important;margin:0!important}

.v7-photo-split{
  display:grid!important;
  grid-template-columns:1.05fr .95fr!important;
  background:#f5f8fa!important;
  border:1px solid #dce6eb!important;
  border-radius:11px!important;
  overflow:hidden!important;
  margin:0 0 40px!important;
}
.v7-photo-split img{
  width:100%!important;
  height:420px!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:0!important;
}
.v7-photo-copy{
  background:#f5f8fa!important;
  color:#1e303a!important;
  padding:34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.v7-photo-copy .eyebrow{color:#008dcc!important}
.v7-photo-copy h2{
  color:#1e303a!important;
  font-size:28px!important;
  line-height:1.22!important;
  margin:10px 0 14px!important;
}
.v7-photo-copy p,.v7-photo-copy li{
  color:#627681!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.v7-photo-copy ul{padding-left:19px!important;margin:12px 0 0!important}

.article>h2{
  color:#202426!important;
  font-size:30px!important;
  line-height:1.2!important;
  margin:38px 0 14px!important;
}
.article>p{color:#617681!important;font-size:16px!important;line-height:1.78!important}

.v7-tech-table{
  width:100%!important;
  margin:26px 0 40px!important;
  border:1px solid #dce6eb!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.v7-tech-table .head,.v7-tech-table .row{
  display:grid!important;
  grid-template-columns:1.1fr 1fr 1fr!important;
}
.v7-tech-table .head{background:#082f4b!important}
.v7-tech-table .head span{color:#fff!important;font-size:12px!important;font-weight:650!important}
.v7-tech-table .row span{color:#536b79!important;font-size:13px!important}
.v7-tech-table .head span,.v7-tech-table .row span{padding:14px 16px!important;border-right:1px solid #e4ebef!important}
.v7-tech-table .head span:last-child,.v7-tech-table .row span:last-child{border-right:0!important}
.v7-tech-table .row{border-top:1px solid #e4ebef!important}
.v7-tech-table .row:nth-child(even){background:#f8fafb!important}

.faq details{border-bottom:1px solid #dde7ec!important;padding:18px 0!important}
.faq summary{color:#193a4b!important;font-size:15px!important;font-weight:650!important}
.faq details p{color:#647985!important;font-size:14px!important;line-height:1.7!important}

.v7-usecases{background:#f5f8fa!important;padding:66px 0!important}
.v7-usecases>.container{width:min(1180px,calc(100% - 48px))!important}
.v7-usecases-head{display:grid!important;grid-template-columns:1fr .7fr!important;gap:50px!important;align-items:end!important;margin-bottom:28px!important}
.v7-usecases-head h2{color:#202426!important;font-size:32px!important;line-height:1.15!important}
.v7-usecases-head p{color:#687d88!important;font-size:14px!important}
.v7-usecases-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.v7-usecase{background:#fff!important;border:1px solid #dce6eb!important;border-radius:9px!important;overflow:hidden!important}
.v7-usecase img{height:205px!important;width:100%!important;object-fit:cover!important}
.v7-usecase>div{padding:17px!important}
.v7-usecase strong{color:#193a4b!important;font-size:15px!important}
.v7-usecase p{color:#6a7d88!important;font-size:12.5px!important;line-height:1.6!important;margin:7px 0 0!important}

.related-solutions-block{background:#fff!important;border-top:1px solid #e4ebef!important}
.related-solutions-block>.container{width:min(1180px,calc(100% - 48px))!important}
.related-title h2{color:#202426!important}
.related-grid a{background:#fff!important}
.related-grid strong{color:#1c3a4a!important}

@media(max-width:1020px){
 section.section>.container.content-grid{grid-template-columns:1fr!important}
 section.section .article{max-width:none!important}
 section.section .aside{width:100%!important;position:static!important}
 .v7-usecases-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:720px){
 section.section>.container.content-grid,.v7-usecases>.container,.related-solutions-block>.container{width:calc(100% - 28px)!important}
 .v7-feature-grid{grid-template-columns:1fr!important}
 .v7-photo-split{grid-template-columns:1fr!important}
 .v7-photo-split img{height:260px!important}
 .v7-photo-copy{padding:24px!important}
 .v7-usecases-head{grid-template-columns:1fr!important;gap:10px!important}
 .v7-usecases-grid{grid-template-columns:1fr!important}
 .v7-tech-table{overflow-x:auto!important}
 .v7-tech-table .head,.v7-tech-table .row{min-width:620px!important}
}
