/* ANTARES HERO-11 HOTFIX — logo bigger, clean portrait, cards without labels */
.header{height:92px}
.header .nav{gap:22px}
.header .brand{width:262px;max-height:92px;object-fit:contain}
.header .nav-links{gap:26px}
.header .nav-cta{padding:15px 24px}

.hero{
  overflow:hidden;
  background:
    radial-gradient(ellipse at 82% 32%, rgba(215,236,255,.95) 0%, rgba(232,244,255,.75) 28%, rgba(248,251,255,.28) 58%, rgba(255,255,255,0) 76%),
    linear-gradient(180deg,#f7fbff 0%,#eef6fd 100%);
}
.hero:before{opacity:.5}
.hero:after{
  height:88px;
  bottom:-60px;
  border-radius:50% 50% 0 0;
  background:linear-gradient(100deg,#d5eaff,#ffffff 64%);
}
.hero-inner{grid-template-columns:44% 56%;min-height:620px}
.hero-copy{position:relative;z-index:3;padding-top:36px;padding-bottom:50px}
.hero-copy h1{font-size:clamp(39px,3.7vw,57px)}

.hero-art.hero-art-10{
  height:570px;
  position:relative;
  min-width:0;
  isolation:isolate;
}
.hero-art-10:before{
  content:"";
  position:absolute;
  inset:30px -6% 20px 12%;
  z-index:-2;
  border-radius:46% 54% 53% 47% / 44% 41% 59% 56%;
  background:radial-gradient(circle at 55% 46%, rgba(184,220,255,.60), rgba(211,234,255,.38) 40%, rgba(228,242,255,.18) 70%, rgba(255,255,255,0) 100%);
}
.hero-art-10:after{
  content:"";
  position:absolute;
  width:355px;
  height:355px;
  left:11%;
  top:86px;
  border:5px solid rgba(241,188,0,.55);
  border-radius:50%;
  border-left-color:transparent;
  border-bottom-color:transparent;
  transform:rotate(10deg);
  z-index:-1;
}
.hero-art-10 .hero-human{
  position:absolute;
  left:8%;
  bottom:8px;
  width:39%;
  height:88%;
  object-fit:cover;
  object-position:26% center;
  border-radius:28px;
  box-shadow:0 22px 48px rgba(12,55,110,.16);
  border:1px solid rgba(255,255,255,.85);
  background:#d9e6f5;
  filter:none;
  z-index:2;
}
.hero-art-10 .hero-software{
  position:absolute;
  display:block;
  overflow:hidden;
  border:4px solid rgba(255,255,255,.97);
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 36px rgba(8,46,105,.18);
  transition:transform .35s ease, box-shadow .35s ease;
  z-index:3;
  transform:rotate(var(--twist,0deg));
  animation:antaresFloat 6s ease-in-out infinite;
  animation-delay:var(--delay,0s)
}
.hero-art-10 .hero-software:hover{
  animation-play-state:paused;
  transform:rotate(0deg) translateY(-8px) scale(1.02);
  box-shadow:0 28px 44px rgba(8,46,105,.24)
}
.hero-art-10 .hero-software img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top left;
}
.hero-art-10 .h-vyva{width:42%;height:186px;right:-1%;top:28px;--twist:3deg;--delay:-2s;z-index:3}
.hero-art-10 .h-legaldesk{width:56%;height:244px;right:7%;top:190px;--twist:-2deg;--delay:-3.5s;z-index:4}
.hero-art-10 .h-tickets{width:46%;height:172px;right:0;bottom:8px;--twist:3deg;--delay:-1s;z-index:5}
.hero-art-10 .card-caption{display:none !important}

@keyframes antaresFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}

@media(max-width:1180px){
  .hero-inner{grid-template-columns:1fr}
  .hero-art.hero-art-10{height:min(70vw,560px);width:min(780px,100%);margin:auto}
  .hero-copy{padding:38px 0 0}
  .header .brand{width:226px}
}
@media(max-width:860px){
  .header{height:78px}
  .header .nav-links{top:78px}
  .header .brand{width:190px}
  .hero-art.hero-art-10{height:430px}
  .hero-art-10:after{width:230px;height:230px;left:7%;top:88px;border-width:4px}
  .hero-art-10 .hero-human{width:40%;height:84%;left:6%;border-radius:18px}
  .hero-art-10 .h-vyva{width:46%;height:122px;top:14px}
  .hero-art-10 .h-legaldesk{width:58%;height:170px;top:134px;right:6%}
  .hero-art-10 .h-tickets{width:50%;height:118px;right:0;bottom:6px}
}
@media(max-width:520px){
  .hero-art.hero-art-10{height:330px}
  .hero-art-10:after{display:none}
  .hero-art-10 .hero-human{width:40%;height:82%;left:4%;bottom:0;border-radius:14px}
  .hero-art-10 .h-vyva{width:48%;height:92px;top:8px;right:0}
  .hero-art-10 .h-legaldesk{width:60%;height:126px;top:95px;right:3%}
  .hero-art-10 .h-tickets{width:52%;height:90px;right:0;bottom:0}
  .hero-art-10 .hero-software{border-width:3px;border-radius:14px}
  .hero-copy h1{font-size:clamp(36px,10vw,48px)}
}
@media(prefers-reduced-motion:reduce){.hero-art-10 .hero-software{animation:none;transition:none}}