.attastage{background:var(--text-1);position:relative;overflow:hidden}.attastage .hero.grafite,.attastage .band.grafite{z-index:1;background:0 0;position:relative}.attastage .heromark{z-index:0;height:112%;top:50%;right:-8%}@container (max-width:700px){.attastage .heromark{height:80%;top:50%;right:-45%}}.hero h1.lockh{margin-bottom:22px;line-height:0}.lockh svg{width:auto;height:clamp(64px,11cqi,130px);color:var(--on-brand);display:block}.lockh .lk{transform-box:fill-box;transform-origin:50%}.site.motion .lockh .lk{animation-duration:.9s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}.site.motion .lockh .lk0{animation-name:lkBar;animation-delay:.1s}.site.motion .lockh .lk1{animation-name:lkSwoosh;animation-delay:.45s}.site.motion .lockh .lk2,.site.motion .lockh .lk3,.site.motion .lockh .lk4,.site.motion .lockh .lk5{animation-name:lkLet;animation-duration:.8s}.site.motion .lockh .lk2{animation-delay:.9s}.site.motion .lockh .lk3{animation-delay:1.05s}.site.motion .lockh .lk4{animation-delay:1.2s}.site.motion .lockh .lk5{animation-delay:1.35s}.hubline .hw{animation:.8s cubic-bezier(.2,.8,.2,1) both hubIn;animation-delay:calc(var(--i) * .16s + .25s);display:inline-block}.hubline em{font-style:normal;font-weight:600;position:relative}.hubline em:after{content:"";background:var(--ok);transform-origin:0;border-radius:2px;height:.14em;animation:.9s cubic-bezier(.2,.8,.2,1) 1s both hubLine;position:absolute;bottom:-.12em;left:0;right:0}.prodcard{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:760px;margin-inline:auto;padding:clamp(20px,3cqi,32px);display:flex}.prodcard .eyebrow{margin-bottom:10px}.band.grafite .prodcard{background:color-mix(in srgb, var(--white) 6%, var(--text-1));border-color:color-mix(in srgb, var(--white) 18%, transparent);color:var(--surface)}.band.grafite .eyebrow{color:var(--ok)}.band.grafite .sub{color:color-mix(in srgb, var(--surface) 82%, transparent)}.prodcard .wordin svg{height:44px}.band.grafite .wordin.dark{color:var(--surface)}@keyframes hubLine{0%{transform:scaleX(0)}}@keyframes lkBar{0%{opacity:0;transform:translateY(-38%)scaleY(.4)}to{opacity:1;transform:none}}@keyframes lkSwoosh{0%{opacity:0;transform:translate(-45%)}to{opacity:1;transform:none}}@keyframes lkLet{0%{opacity:0;transform:translateY(18%)}to{opacity:1;transform:none}}
