@font-face{font-family:'Sora Brand';src:url('/assets/fonts/sora-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
.logo.brand-logo{display:inline-flex;align-items:center;gap:9px;font:600 23px/1.05 'Sora Brand',Arial,sans-serif;letter-spacing:-.045em;white-space:nowrap;direction:ltr;flex-shrink:0;text-rendering:optimizeLegibility;font-synthesis:none}
.brand-icon{display:block;width:40px;height:40px;flex-shrink:0;overflow:visible;transform-origin:50% 55%;animation:brandLift 4.2s ease-in-out infinite}
.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.brand-wordmark{display:inline-flex;align-items:baseline;gap:2px;line-height:1.05;padding-bottom:1px}
.brand-fast{position:relative;color:var(--lime);padding-inline-end:2px;transform:skewX(-7deg);transform-origin:left bottom;--brand-base:var(--lime);--brand-light:#f3ffd0}
.brand-fast::after{content:'';position:absolute;inset-inline:1px;bottom:-3px;height:1.5px;border-radius:2px;background:var(--lime);transform-origin:left;animation:brandRail 4.2s ease-in-out infinite}
.brand-name{color:#f4f3ee;--brand-base:#f4f3ee;--brand-light:#fff}
.brand-kicker{display:flex;align-items:center;gap:5px;color:#a9ab9e;font:400 7.6px/1 var(--mono);letter-spacing:.12em;white-space:nowrap}
.brand-kicker::before{content:'';width:3px;height:3px;flex-shrink:0;background:var(--lime);transform:rotate(45deg)}
.brand-roof,.brand-walls{stroke-dasharray:100;stroke-dashoffset:0}
.brand-roof{animation:brandRoofDraw 4.2s cubic-bezier(.4,0,.2,1) infinite}
.brand-walls{animation:brandWallsDraw 4.2s cubic-bezier(.4,0,.2,1) infinite}
.brand-bolt{transform-box:fill-box;transform-origin:center;animation:brandBoltEnergy 4.2s ease-in-out infinite}
.brand-trace{animation:brandPerimeter 6.3s linear infinite}
.brand-speed path{transform-box:fill-box;transform-origin:center;animation:brandSpeedTrail 4.2s ease-out infinite}
.brand-speed .brand-speed-two{animation-delay:.1s}.brand-speed .brand-speed-three{animation-delay:.2s}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .brand-fast,.brand-name{background-image:linear-gradient(105deg,var(--brand-base) 34%,var(--brand-light) 49%,var(--brand-base) 64%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:brandWordShine 4.2s ease-in-out infinite}
  .brand-name{animation-delay:.12s}
}
.brand-logo:is(:hover,:focus-visible) .brand-icon,.brand-logo:is(:hover,:focus-visible) .brand-roof,.brand-logo:is(:hover,:focus-visible) .brand-walls,.brand-logo:is(:hover,:focus-visible) .brand-bolt,.brand-logo:is(:hover,:focus-visible) .brand-speed path{animation-duration:2.8s}
.brand-logo:is(:hover,:focus-visible) .brand-trace{animation-duration:3.2s}
.brand-logo:focus-visible{outline-offset:6px;border-radius:8px}
.fbrand .logo.brand-logo{font-size:25px;gap:10px}.fbrand .brand-icon{width:45px;height:45px}.fbrand .brand-kicker{font-size:8px;letter-spacing:.13em}
@keyframes brandLift{0%,18%,62%,100%{transform:translateY(0) rotate(0);filter:drop-shadow(0 0 0 rgba(212,243,107,0))}36%{transform:translateY(-1.5px) rotate(-2deg);filter:drop-shadow(0 0 5px rgba(212,243,107,.18))}47%{transform:translateY(0) rotate(1deg);filter:drop-shadow(0 0 2px rgba(212,243,107,.08))}}
@keyframes brandRoofDraw{0%{stroke-dashoffset:100}24%,82%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes brandWallsDraw{0%,10%{stroke-dashoffset:100}34%,82%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes brandBoltEnergy{0%,23%,100%{opacity:.25;transform:scale(.88)}34%{opacity:1;transform:scale(1.12)}44%,71%{opacity:1;transform:scale(1)}77%{opacity:.5;transform:scale(.97)}83%{opacity:1;transform:scale(1)}}
@keyframes brandPerimeter{to{stroke-dashoffset:-195}}
@keyframes brandSpeedTrail{0%,28%{opacity:0;transform:translateX(3px)}36%{opacity:1;transform:translateX(1px)}51%{opacity:1;transform:translateX(-1px)}65%,100%{opacity:0;transform:translateX(-4px)}}
@keyframes brandWordShine{0%,32%{background-position:100% 0}72%,100%{background-position:-50% 0}}
@keyframes brandRail{0%,12%{opacity:.35;transform:scaleX(.12)}36%,65%{opacity:1;transform:scaleX(1)}90%,100%{opacity:.35;transform:scaleX(.12)}}
@media(min-width:1141px) and (max-width:1400px){.hdr .logo.brand-logo{font-size:21.5px;gap:8px}.hdr .brand-icon{width:37px;height:37px}.hdr .brand-kicker{font-size:7px}}
@media(max-width:640px){.hdr .bar{padding-inline-start:12px;gap:10px}.hdr .hdr-r{gap:6px}.hdr .logo.brand-logo{font-size:19.5px;gap:8px}.hdr .brand-icon{width:35px;height:35px}.hdr .brand-lockup{gap:5px}.hdr .brand-kicker{font-size:6.5px;letter-spacing:.11em}}
@media(max-width:360px){.hdr .logo.brand-logo{font-size:18px;gap:7px}.hdr .brand-icon{width:32px;height:32px}.hdr .brand-kicker{font-size:6px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){
  .brand-logo *,.brand-logo *::before,.brand-logo *::after{animation:none!important;transition:none!important}
  .brand-icon{transform:none;filter:none}.brand-roof,.brand-walls{stroke-dashoffset:0}.brand-bolt{opacity:1;transform:none}.brand-speed path{opacity:.7;transform:none}.brand-fast::after{opacity:1;transform:scaleX(1)}
}