/* HERO */
#hero{min-height:100svh;display:flex;align-items:flex-end;position:relative;overflow:hidden;padding:0 5vw 80px}
.hero-bg{position:absolute;inset:0;background:#050005}
.hero-blob{position:absolute;width:75vw;height:75vw;max-width:950px;max-height:950px;right:-12%;top:-8%;background:radial-gradient(circle,rgba(113,0,253,.45) 0%,rgba(113,0,253,.12) 40%,transparent 68%);border-radius:50%;animation:pulse 9s ease-in-out infinite}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(113,0,253,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(113,0,253,.06) 1px,transparent 1px);background-size:80px 80px}
.hero-content{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:flex-end}
.hero-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;opacity:0;animation:fadeUp .8s .2s both}
.hero-tag::before{content:'';display:block;width:28px;height:1px;background:var(--v)}
.hero-tag span{font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;color:var(--v)}
h1.hero-title{font-size:clamp(4.5rem,13vw,13rem);font-weight:700;text-transform:uppercase;letter-spacing:-.04em;line-height:.88;color:var(--wh);opacity:0;animation:fadeUp .9s .1s both}
h1.hero-title em{color:var(--v);font-style:normal;display:block}
.hero-cta{display:flex;align-items:center;gap:18px;margin-top:44px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .4s both}
.hero-scroll{display:flex;align-items:center;gap:8px;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gy);cursor:pointer;background:none;border:none;font-family:inherit;padding:0;transition:color .2s}
.hero-scroll:hover{color:var(--v)}
.hero-scroll svg{animation:bounce2 2.2s infinite}
.hero-right{padding-bottom:8px;opacity:0;animation:fadeUp .8s .3s both}
.hero-services{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.1);padding-left:28px}
.hs-item{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gy);padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color .2s}
.hs-item:hover{color:var(--v)}
.hs-more{font-size:.62rem;color:var(--v);margin-top:10px;letter-spacing:.12em}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes bounce2{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media(max-width:840px){
  #hero{padding-bottom:60px;align-items:center;padding-top:110px}
  .hero-content{grid-template-columns:1fr;gap:36px}
  .hero-right{border-top:1px solid rgba(255,255,255,.08);padding-top:24px}
  .hero-services{flex-direction:row;flex-wrap:wrap;border-left:none;padding-left:0}
  .hs-item{padding:8px 16px 8px 0;border-bottom:none}
}