/* HeatHosting HERO V3: live, sharp HTML text replacing blurry 178–239px card raster images.
   Only affects six cards under #hero3d; H geometry, model JS and surrounding page untouched. */
#hero3d .hero3d-card { 
  container-type:inline-size;
  filter:none!important;
  will-change:auto!important;
  animation:none!important;
  transform:none!important;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-decoration:none;
  color:#f8fbff;
  border:0;
  background:transparent;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  isolation:isolate;
}
#hero3d .hero3d-card .hh-card__surface {
  position:absolute;
  inset:9% 0 9% 11%;
  z-index:-1;
  pointer-events:none;
  border-radius: min(1.7vw,17px);
  border:1px solid rgba(139,201,255,.7);
  background:linear-gradient(151deg,rgba(64,114,174,.68),rgba(11,35,73,.94) 44%,rgba(3,18,42,.94));
  box-shadow:0 7px 16px rgba(0,2,15,.65), inset 0 1px 0 rgba(210,238,255,.43),inset -1px -3px 12px rgba(6,122,248,.23), 0 0 12px rgba(12,123,255,.25);
  transform-origin:center;
  animation:hh-card-glass 5.2s ease-in-out infinite alternate;
  transition:transform .28s ease,box-shadow .28s ease;
}
#hero3d .hero3d-card:nth-of-type(even) .hh-card__surface{animation-delay:-2s}
#hero3d .hero3d-card:nth-of-type(odd) .hh-card__surface{animation-delay:-3.1s}
#hero3d .hero3d-card::after {
  content:"";
  position:absolute;
  inset:12% 1% 12% 12%;
  z-index:0;
  pointer-events:none;
  border-radius: min(1.6vw,15px);
  background:linear-gradient(110deg,transparent 18%,rgba(121,205,255,.10) 45%,transparent 74%);
  background-size:250% 100%;
  animation:hh-card-sheen 6s ease-in-out infinite;
}
#hero3d .hero3d-card .hh-card__icon,
#hero3d .hero3d-card .hh-card__copy,
#hero3d .hero3d-card .hh-card__arrow {
  position:relative;
  z-index:1;
  flex-shrink:0;
  transform:none!important;
  filter:none!important;
  text-shadow:none;
  pointer-events:none;
}
#hero3d .hero3d-card .hh-card__icon {
  margin-left:12%;
  width:18%;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:clamp(5px,1vw,10px);
  color:#e6f6ff;
  background:linear-gradient(145deg,#128bff,#014fb9 84%);
  box-shadow:0 0 12px rgba(0,111,255,.7), inset 0 1px 2px rgba(235,248,255,.6);
  animation:hh-card-icon-glow 3.6s ease-in-out infinite alternate;
}
#hero3d .hero3d-card .hh-card__icon svg {width:62%;height:62%;display:block}
#hero3d .hero3d-card .hh-card__copy {
  flex:1;
  min-width:0;
  margin-left:3%;
  line-height:1.12;
  letter-spacing:-.012em;
  color:#f5faff;
}
#hero3d .hero3d-card .hh-card__copy strong {
  display:block;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(6.5px,6.55cqw,15px);
  line-height:1.13;
  font-weight:800;
  letter-spacing:-.033em;
  white-space:nowrap;
  margin-bottom:.24em;
}
#hero3d .hero3d-card-poczta .hh-card__copy strong {font-size:clamp(6.5px,5.4cqw,12px)}
#hero3d .hero3d-card .hh-card__copy > span {
  display:block;
  font-size:clamp(5.5px,5.05cqw,12px);
  font-weight:500;
  line-height:1.22;
  color:#dcecff;
  white-space:nowrap;
}
#hero3d .hero3d-card .hh-card__arrow {
  width:10%;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:1px solid rgba(218,241,255,.85);
  border-radius:50%;
  margin:0 4% 0 1%;
  color:white;
  background:rgba(1,19,40,.22);
}
#hero3d .hero3d-card .hh-card__arrow svg {width:70%;height:70%;display:block}
#hero3d .hero3d-card:hover .hh-card__surface,
#hero3d .hero3d-card:focus-visible .hh-card__surface {
  transform:perspective(750px) translate3d(0,-4px,6px) rotateY(-4deg);
  box-shadow:0 14px 22px rgba(0,3,18,.68),0 0 20px rgba(0,136,255,.67), inset 0 1px 0 rgba(230,250,255,.64);
}
#hero3d .hero3d-card:hover .hh-card__copy,
#hero3d .hero3d-card:focus-visible .hh-card__copy {color:#fff}
#hero3d .hero3d-card:focus-visible{outline:2px solid #a7dfff;outline-offset:0}
/* Preserve crisp text in separate DOM layer; only the glass, icon glow and reflections animate. */
@keyframes hh-card-glass {from{transform:perspective(850px) rotateY(-4deg) rotateX(2deg);box-shadow:0 5px 13px #0008,0 0 7px #007bff55,inset 0 1px 0 #e2f4ff66}to{transform:perspective(850px) rotateY(5deg) rotateX(-2deg);box-shadow:0 9px 17px #0009,0 0 19px #088aff7a,inset 0 1px 0 #e2f4ff88}}
@keyframes hh-card-sheen {from{background-position:100% 0;opacity:.35}to{background-position:0 0;opacity:.9}}
@keyframes hh-card-icon-glow {from{box-shadow:0 0 6px #0878ff77,inset 0 1px 2px #fff5}to{box-shadow:0 0 13px #0095ffdb,inset 0 1px 2px #fff9}}
@media(max-width:700px){
  #hero3d .hero3d-card .hh-card__copy strong{font-size:clamp(5px,6.4cqw,9px)}
  #hero3d .hero3d-card .hh-card__copy > span{font-size:clamp(4.4px,4.9cqw,8px)}
  #hero3d .hero3d-card .hh-card__surface{border-radius:5px}
  #hero3d .hero3d-card .hh-card__icon{border-radius:4px}
}
@media(prefers-reduced-motion:reduce){
  #hero3d .hero3d-card .hh-card__surface,
  #hero3d .hero3d-card::after,
  #hero3d .hero3d-card .hh-card__icon{animation:none!important}
}