/* V80 — Easytech Prism Industrial visual system.
   Inspired by contemporary enterprise colour depth; no third-party template or artwork copied. */
:root{
  --et-navy:#061a33;
  --et-ink:#0b2447;
  --et-cobalt:#1559c7;
  --et-cyan:#25d9f4;
  --et-violet:#6d47e8;
  --et-magenta:#c93db2;
  --et-gold:#d7a83e;
  --et-ice:#f3f7fb;
}

/* Crisp layered technical backgrounds built entirely with CSS. */
.chamHero,
.page-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 82% 22%,rgba(37,217,244,.30),transparent 25%),
    radial-gradient(circle at 65% 100%,rgba(109,71,232,.22),transparent 34%),
    linear-gradient(120deg,#061a33 0%,#0b326f 54%,#145ec3 100%)!important;
  border-bottom:3px solid var(--et-gold)!important;
}
.chamHero{padding:42px 0!important;min-height:330px;display:flex;align-items:center}
.chamHero:before,.page-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.30;
  background-image:
    linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,transparent,black 35%,black);
}
.chamHero:after,.page-hero:after{
  content:"";position:absolute;width:430px;height:430px;right:-140px;top:-180px;z-index:-1;
  border:1px solid rgba(255,255,255,.24);border-radius:42% 58% 58% 42%;transform:rotate(28deg);
  box-shadow:0 0 0 45px rgba(37,217,244,.05),0 0 0 90px rgba(109,71,232,.04);
}
.chamTitle{font-size:clamp(38px,4.6vw,66px)!important;line-height:1.02!important;max-width:900px;color:#fff!important;letter-spacing:-.035em!important;text-shadow:0 6px 30px rgba(0,0,0,.25)}
.chamSub{font-size:clamp(21px,2.4vw,32px)!important;color:#8eeeff!important;line-height:1.15!important;margin:12px 0 14px!important}
.chamHero p{max-width:920px!important;color:rgba(255,255,255,.88)!important;font-size:17px!important;line-height:1.55!important;margin-bottom:0!important}
.chamBadge{background:rgba(255,255,255,.95)!important;color:var(--et-ink)!important;border:1px solid rgba(215,168,62,.9)!important;box-shadow:0 7px 20px rgba(0,0,0,.13)!important;padding:8px 15px!important}

/* Existing category banners: richer enterprise palette and clearer type hierarchy. */
.v63-page-banner-wrap{background:var(--et-ice)!important}
.v63-page-banner-wrap .v63-banner,
.ec-v76-banner-wrap .v63-banner{
  background:
    radial-gradient(circle at 90% 15%,rgba(37,217,244,.25),transparent 28%),
    radial-gradient(circle at 60% 100%,rgba(201,61,178,.18),transparent 32%),
    linear-gradient(120deg,#061a33,#0d397c 58%,#1559c7)!important;
  color:#fff!important;border:0!important;box-shadow:0 18px 48px rgba(6,26,51,.22)!important;
}
.v63-page-banner-wrap .v63-banner:before,
.ec-v76-banner-wrap .v63-banner:before{
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)!important;
  background-size:46px 46px!important;
}
.v63-page-banner-wrap .v63-banner-copy,
.ec-v76-banner-wrap .v63-banner-copy{color:#fff!important}
.v63-page-banner-wrap .v63-banner h1,
.v63-page-banner-wrap .v63-banner h2,
.ec-v76-banner-wrap .v63-banner h1{font-size:clamp(36px,4vw,58px)!important;line-height:1.02!important;color:#fff!important;letter-spacing:-.035em!important}
.v63-page-banner-wrap .v63-banner p,
.ec-v76-banner-wrap .v63-banner p{color:rgba(255,255,255,.86)!important;font-size:16px!important}
.v63-page-banner-wrap .v63-overline,
.ec-v76-banner-wrap .v63-overline{color:#71e9ff!important;letter-spacing:.18em!important}
.v63-page-banner-wrap .v63-list li,
.ec-v76-banner-wrap .v63-list li{color:#fff!important;border-color:rgba(255,255,255,.20)!important}
.v63-page-banner-wrap .v63-action,
.ec-v76-banner-wrap .v63-action{background:#fff!important;color:var(--et-ink)!important;box-shadow:0 9px 24px rgba(0,0,0,.18)!important}
.v63-page-banner-wrap .v63-media,
.ec-v76-banner-wrap .v63-media{background:linear-gradient(135deg,rgba(37,217,244,.14),rgba(109,71,232,.20))!important}
.v63-page-banner-wrap .v63-media:after,
.ec-v76-banner-wrap .v63-media:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,26,51,.34),transparent 38%),linear-gradient(180deg,transparent 60%,rgba(6,26,51,.18));
}

/* Distinct subject accents while preserving one design family. */
body.v63-chamfering .v63-banner{--et-accent:#25d9f4}
body.v63-cutting .v63-banner{background:radial-gradient(circle at 88% 14%,rgba(215,168,62,.28),transparent 28%),radial-gradient(circle at 62% 100%,rgba(109,71,232,.22),transparent 34%),linear-gradient(120deg,#07172e,#16285b 58%,#5a38bd)!important}
body.v63-rc50 .v63-banner{background:radial-gradient(circle at 88% 14%,rgba(77,211,116,.25),transparent 28%),radial-gradient(circle at 62% 100%,rgba(215,168,62,.20),transparent 34%),linear-gradient(120deg,#071b28,#0b493c 58%,#177d54)!important}

/* Refined homepage card colour depth without changing layout. */
.v79-product-card,.v79-resource-card{transition:transform .28s ease,box-shadow .28s ease}
.v79-product-card:hover,.v79-resource-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(11,36,71,.16)!important}

@media(max-width:850px){
  .chamHero{min-height:0;padding:34px 0!important}
  .chamTitle{font-size:clamp(34px,10vw,48px)!important}
  .chamSub{font-size:22px!important}
}


/* V80 user-approved brand cleanup: preserve existing logo/company-name styling;
   keep only Solutions for Progression as a running line below the logo. */
.v79-brand-copy em{display:none!important}
.v62-logo:after,.premium-static-logo:after{
  width:100%!important;overflow:hidden!important;white-space:nowrap!important;
  text-indent:100%;animation:v80SolutionsRun 10s linear infinite;
}
@keyframes v80SolutionsRun{from{text-indent:100%}to{text-indent:-100%}}

/* Video library grouping added without changing existing category layouts. */
.v80-video-library{display:grid;gap:26px;margin-top:28px}
.v80-video-group{background:#fff;border:1px solid #e5edf6;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(0,27,58,.10)}
.v80-video-group h2{color:#062d5e;margin:0 0 8px}
.v80-video-group>p{color:#607089;margin:0 0 18px;line-height:1.55}
.v80-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.v80-video-card{background:#071a36;border-radius:16px;overflow:hidden;color:#fff}
.v80-video-card video{width:100%;display:block;aspect-ratio:16/9;background:#000}
.v80-video-card h3{font-size:17px;margin:14px 16px 6px;color:#fff}
.v80-video-card p{font-size:14px;line-height:1.5;margin:0 16px 18px;color:#c7d7ea}
@media(max-width:760px){.v80-video-grid{grid-template-columns:1fr}}