/* v116 – refined application icons, contrast fixes and motion */

/* Opening crossroads: keep the provider card white with clearly readable dark text. */
body.entry-page .tile.operator{
  background:#fff!important;
  color:#151917!important;
}
body.entry-page .tile.operator h2{
  color:#111513!important;
}
body.entry-page .tile.operator p{
  color:#3f4945!important;
}
body.entry-page .tile.operator .quick-link{
  color:#9f4309!important;
}
body.entry-page .tile.operator .quick-link:hover,
body.entry-page .tile.operator .quick-link:focus-visible{
  color:#fff!important;
}

/* Application hero: dedicated line icons instead of generic coloured squares. */
.app-page-hero .app-service-list{
  gap:12px!important;
}
.app-page-hero .app-service-list li{
  position:relative!important;
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 14px 10px 10px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid #d8e8e6!important;
  color:#263632!important;
  box-shadow:0 10px 26px rgba(12,44,41,.08)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.app-page-hero .app-service-list li:before,
.app-page-hero .app-service-list li:after{
  content:none!important;
  display:none!important;
}
.app-page-hero .app-service-list li:hover{
  transform:translateY(-3px)!important;
  border-color:#acd9d5!important;
  box-shadow:0 16px 34px rgba(12,44,41,.12)!important;
}
.app-service-icon{
  position:relative;
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg,#007f78,#16b6ad);
  box-shadow:0 9px 20px rgba(0,127,120,.24);
  isolation:isolate;
  transition:transform .25s ease;
}
.app-service-icon:after{
  content:"";
  position:absolute;
  inset:4px;
  z-index:-1;
  border:1px solid rgba(255,255,255,.26);
  border-radius:12px;
}
.app-page-hero .app-service-list li:nth-child(even) .app-service-icon{
  background:linear-gradient(145deg,#e85f08,#ff963e);
  box-shadow:0 9px 20px rgba(232,95,8,.25);
}
.app-page-hero .app-service-list li:hover .app-service-icon{
  transform:rotate(-4deg) scale(1.05);
}
.app-service-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.app-service-label{
  display:block;
  font-size:13px;
  font-weight:750;
  line-height:1.28;
  letter-spacing:-.12px;
}

/* Intro animations for the opening crossroads. */
body.entry-page .brand-top{
  animation:v116-fade-down .65s cubic-bezier(.2,.75,.25,1) both;
}
body.entry-page .intro{
  animation:v116-fade-up .72s .08s cubic-bezier(.2,.75,.25,1) both;
}
body.entry-page .tile.customer{
  animation:v116-card-in .78s .18s cubic-bezier(.2,.75,.25,1) both;
}
body.entry-page .tile.operator{
  animation:v116-card-in .78s .30s cubic-bezier(.2,.75,.25,1) both;
}
body.entry-page .tile-logo{
  animation:v116-logo-float 4.2s 1s ease-in-out infinite;
}
body.entry-page .tile.operator .tile-logo{
  animation-delay:1.55s;
}
body.entry-page .entry:before{
  animation:v116-orb-left 12s ease-in-out infinite alternate;
}
body.entry-page .entry:after{
  animation:v116-orb-right 14s ease-in-out infinite alternate;
}

/* User-home hero motion. */
body.user-area .wertyz-stage{
  animation:v116-hero-in .82s cubic-bezier(.2,.75,.25,1) both;
}
body.user-area .constellation-center{
  animation:v116-center-glow 4.8s ease-in-out infinite;
}
body.user-area .constellation-logo{
  animation:v116-logo-appear .68s cubic-bezier(.2,.75,.25,1) both;
}
body.user-area .constellation-logo:nth-of-type(1){animation-delay:.12s}
body.user-area .constellation-logo:nth-of-type(2){animation-delay:.20s}
body.user-area .constellation-logo:nth-of-type(3){animation-delay:.28s}
body.user-area .constellation-logo:nth-of-type(4){animation-delay:.36s}
body.user-area .constellation-logo:nth-of-type(5){animation-delay:.44s}
body.user-area .constellation-logo:nth-of-type(6){animation-delay:.52s}
body.user-area .constellation-logo img{
  animation:v116-logo-drift 4.4s 1.1s ease-in-out infinite;
}
body.user-area .constellation-logo:nth-of-type(2) img,
body.user-area .constellation-logo:nth-of-type(5) img{animation-delay:1.6s}
body.user-area .constellation-logo:nth-of-type(3) img,
body.user-area .constellation-logo:nth-of-type(6) img{animation-delay:2.1s}
body.user-area .reach-service,
body.user-area .customer-card{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
body.user-area .reach-service:hover{
  transform:translateY(-3px);
}
body.user-area .reach-service i,
body.user-area .customer-card .icon,
body.user-area .provider-wertyz-logo img{
  transition:transform .25s ease;
}
body.user-area .reach-service:hover i,
body.user-area .customer-card:hover .icon,
body.user-area .customer-card:hover .provider-wertyz-logo img{
  transform:translateY(-2px) scale(1.07);
}

/* Scroll reveal is activated only after JavaScript confirms support. */
html.motion-ready body.user-area .reveal-on-scroll{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .72s cubic-bezier(.2,.75,.25,1),transform .72s cubic-bezier(.2,.75,.25,1);
  transition-delay:var(--reveal-delay,0ms);
}
html.motion-ready body.user-area .reveal-on-scroll.is-visible{
  opacity:1;
  transform:translateY(0);
}

@keyframes v116-fade-down{
  from{opacity:0;transform:translateY(-14px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes v116-fade-up{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes v116-card-in{
  from{opacity:0;transform:translateY(30px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes v116-logo-float{
  0%,100%{translate:0 0}
  50%{translate:0 -5px}
}
@keyframes v116-orb-left{
  from{translate:0 0;rotate:0deg}
  to{translate:18px -12px;rotate:8deg}
}
@keyframes v116-orb-right{
  from{translate:0 0;rotate:0deg}
  to{translate:-18px 14px;rotate:-8deg}
}
@keyframes v116-hero-in{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes v116-logo-appear{
  from{opacity:0;filter:blur(3px)}
  to{opacity:1;filter:blur(0)}
}
@keyframes v116-logo-drift{
  0%,100%{translate:0 0}
  50%{translate:0 -4px}
}
@keyframes v116-center-glow{
  0%,100%{box-shadow:0 18px 48px rgba(7,27,46,.15)}
  50%{box-shadow:0 22px 58px rgba(0,153,153,.24)}
}

@media(max-width:650px){
  .app-page-hero .app-service-list li{min-height:64px!important}
  .app-service-icon{width:43px;height:43px;flex-basis:43px;border-radius:14px}
  .app-service-icon svg{width:23px;height:23px}
}

@media(prefers-reduced-motion:reduce){
  body.entry-page .brand-top,
  body.entry-page .intro,
  body.entry-page .tile,
  body.entry-page .tile-logo,
  body.entry-page .entry:before,
  body.entry-page .entry:after,
  body.user-area .wertyz-stage,
  body.user-area .constellation-center,
  body.user-area .constellation-logo,
  body.user-area .constellation-logo img{
    animation:none!important;
  }
  html.motion-ready body.user-area .reveal-on-scroll{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}