/* The matrix set is one continuous image behind the header and the hero. */
.neon-hero-page .hero-stage{--stage-height:clamp(350px,45.4vw,872px);position:relative;height:var(--stage-height);isolation:isolate;background:#010906 url('assets/hero-matrix.webp') center center/cover no-repeat;overflow:hidden}
.neon-hero-page .hero-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,6,4,.22),transparent 54%);pointer-events:none}
.neon-hero-page .header{height:clamp(80px,6.8vw,130px);max-width:1600px;margin:0 auto;padding:0 5.3%;position:relative;z-index:5;background:transparent!important;border:0!important;gap:28px}
.neon-hero-page .header a,.neon-hero-page .brand,.neon-hero-page .brand small{color:#f6fff9!important}
.neon-hero-page .brand{font-family:Arial,Helvetica,sans-serif;font-size:clamp(31px,3.4vw,57px);font-weight:900;letter-spacing:-2.6px;padding-bottom:15px;text-shadow:0 0 13px #b9ffd52b}
.neon-hero-page .brand{padding:0;display:block;width:clamp(148px,13.6vw,235px);flex-shrink:0}
.neon-hero-page .brand img{display:block;width:100%;height:auto}
.neon-hero-page .brand-code{color:#6aff57!important;font-size:1em;letter-spacing:-10px;margin-right:8px}
.neon-hero-page .brand-code:last-of-type{margin-left:3px;margin-right:0}
.neon-hero-page .brand-cut{border-left-color:#ff4257;color:#fff!important}
.neon-hero-page .brand small{font-size:clamp(6px,.62vw,10px);font-weight:600;letter-spacing:1.8px;left:12px;bottom:0}
.neon-hero-page .header nav{gap:clamp(20px,2.5vw,44px);font-size:clamp(12px,1.15vw,18px)}
.neon-hero-page .header nav a:hover{color:#00ff98!important}
.neon-hero-page .header-action{border:1px solid #1de396!important;border-radius:30px;padding:12px 18px;font-size:clamp(11px,1.1vw,17px);gap:8px;box-shadow:0 0 15px #00ff7933,inset 0 0 12px #00ff7918;background:#00150d66;color:#fff!important;white-space:nowrap}
.neon-hero-page .header-action:hover{background:#00492c88}
.neon-hero-page .hero{height:calc(var(--stage-height) - clamp(80px,6.8vw,130px));min-height:0;max-width:1600px;margin:0 auto;padding:0 5.3%;border:0;display:block;background:transparent!important;overflow:visible}
.neon-hero-page .hero-copy{padding:clamp(17px,3.5vw,68px) 0 0;width:57%;z-index:3;position:relative}
.neon-hero-page .hero h1{color:#fafffc!important;font-family:Arial,Helvetica,sans-serif;font-size:clamp(76px,7.15vw,137px);font-weight:900;line-height:.93;letter-spacing:-.055em;margin:0 0 23px;text-shadow:0 0 20px #b2ffd649,0 3px 8px #0008}
.neon-hero-page .hero h1 em{display:inline-block;font-family:Georgia,'Times New Roman',serif;font-size:1.03em;letter-spacing:-.055em;line-height:1;font-weight:700;font-style:italic;color:#00f58a!important;text-shadow:0 0 20px #00ed6c42}
.neon-hero-page .hero .intro{max-width:590px;width:91%;font-size:clamp(17px,1.62vw,29px);line-height:1.35;letter-spacing:-.025em;color:#f0f5f2!important;margin:0;text-wrap:pretty;text-shadow:0 2px 6px #000}
.neon-hero-page .hero .actions{display:flex;flex-wrap:nowrap;gap:clamp(14px,1.8vw,30px);margin-top:clamp(24px,2.5vw,43px);max-width:none;width:max-content}
.neon-hero-page .hero .button{display:inline-flex;justify-content:center;align-items:center;min-height:clamp(52px,4.6vw,78px);padding:14px clamp(15px,1.4vw,26px);border-radius:7px!important;gap:12px;font-size:clamp(13px,1.3vw,23px);font-weight:700;line-height:1.1;position:relative;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .2s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.neon-hero-page .hero .button.primary{background:#00f58a!important;color:#00160d!important;border:1px solid #28ffb2!important;box-shadow:0 0 23px #00ff8d67,inset 0 0 12px #b9ffdf55!important;filter:drop-shadow(0 0 10px #00f58a50)}
.neon-hero-page .hero .button.primary:hover{background:#53ffb8!important;transform:translateY(-2px)}
.neon-hero-page .hero .button.outline{color:#f5fff9!important;background:#00140b91!important;border:1px solid #5dcea4!important;box-shadow:inset 0 0 15px #00ff8510!important}
.neon-hero-page .hero .button.outline:hover{background:#00412aab!important;transform:translateY(-2px)}
.neon-hero-page .hero .button-label{font-size:inherit;font-weight:700}
.neon-hero-page .messenger-icon{width:clamp(22px,2.2vw,36px);height:clamp(22px,2.2vw,36px);flex-shrink:0;overflow:visible}
.neon-hero-page .button-arrow{width:clamp(17px,1.65vw,26px);height:clamp(17px,1.65vw,26px);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.neon-hero-page .hero .scene{position:absolute;right:-2%;top:-3%;width:55%;height:104%;min-height:0;margin:0;background:transparent!important;isolation:isolate;z-index:2}
.neon-hero-page .hero .scene:before,.neon-hero-page .hero .scene:after{display:none}
.neon-hero-page .scene-halo{display:none}
.neon-hero-page .cat-poster{z-index:2}
.neon-hero-page .hero .scene canvas{z-index:1}
.neon-hero-page .ticker{display:none}
@media(min-width:1800px){.neon-hero-page .site-frame{max-width:none}.neon-hero-page .hero-stage{background-size:100% 100%}}
@media(min-width:761px) and (max-width:1100px){.neon-hero-page .hero-stage{--stage-height:49vw;min-height:420px}.neon-hero-page .header{height:72px;padding:0 6%}.neon-hero-page .hero{height:calc(max(49vw,420px) - 72px);padding:0 6%}.neon-hero-page .hero-copy{padding-top:24px;width:57%}.neon-hero-page .hero h1{font-size:7.4vw;margin-bottom:14px}.neon-hero-page .hero .intro{font-size:1.62vw}.neon-hero-page .hero .actions{margin-top:21px;gap:14px}.neon-hero-page .hero .button{font-size:12px;min-height:44px;padding:10px 13px;gap:9px}.neon-hero-page .messenger-icon{width:22px;height:22px}.neon-hero-page .header nav{font-size:11px;gap:19px}.neon-hero-page .header-action{font-size:10px;padding:9px 12px}.neon-hero-page .brand{font-size:33px}.neon-hero-page .hero .scene{right:-3%;top:-1%;height:105%}}
@media(max-width:760px){.neon-hero-page .hero-stage{--stage-height:850px;height:auto;min-height:0;background-size:auto 520px;background-position:68% bottom;background-color:#010906}.neon-hero-page .hero-stage:before{background:linear-gradient(#010906 0%,#010906 30%,transparent 64%)}.neon-hero-page .header{height:82px;padding:0 6%;gap:10px}.neon-hero-page .brand{font-size:32px}.neon-hero-page .brand small{font-size:6px;letter-spacing:1.2px}.neon-hero-page .header-action{font-size:10px;gap:5px;padding:10px 12px}.neon-hero-page .header-action .button-arrow{width:16px;height:16px}.neon-hero-page .hero{display:flex;flex-direction:column;padding:0 6%;height:auto;min-height:0;margin:0;width:100%}.neon-hero-page .hero-copy{width:100%;padding:28px 0 0}.neon-hero-page .hero h1{font-size:clamp(62px,16vw,110px);line-height:.95;letter-spacing:-.055em;margin:0 0 22px}.neon-hero-page .hero .intro{font-size:16px;line-height:1.45;max-width:530px;width:100%}.neon-hero-page .hero .actions{width:100%;margin-top:24px;gap:10px;display:grid;grid-template-columns:1fr 1fr}.neon-hero-page .hero .button{min-width:0;min-height:51px;font-size:12px;padding:12px 9px;gap:7px}.neon-hero-page .hero .button:last-child{grid-column:auto}.neon-hero-page .messenger-icon{width:22px;height:22px}.neon-hero-page .button-arrow{width:16px;height:16px}.neon-hero-page .hero .scene{position:relative;top:auto;right:auto;height:430px;min-height:430px;width:calc(100% + 12vw);margin:0 -6vw}.neon-hero-page .hero .scene canvas{position:absolute}.neon-hero-page .hero .hero-footnote{display:none}}
@media(max-width:380px){.neon-hero-page .hero .button{font-size:11px;gap:5px;padding:12px 7px}.neon-hero-page .hero .button-arrow{width:13px}.neon-hero-page .hero .messenger-icon{width:19px}.neon-hero-page .header-action{font-size:9px}.neon-hero-page .header{padding:0 5%}}
@media(min-width:761px){
 .neon-hero-page .header,.neon-hero-page .hero{max-width:none;padding-left:10.3%;padding-right:9.3%}
 .neon-hero-page .brand{width:clamp(102px,13.4vw,235px)}
 .neon-hero-page .hero .intro span{display:block;white-space:nowrap}
 .neon-hero-page .hero .scene{height:109%;top:-9.5%;right:0}
}
@media(min-width:761px) and (max-width:1100px){
 .neon-hero-page .hero-stage{--stage-height:45.4vw;min-height:350px}
 .neon-hero-page .header{height:60px}
 .neon-hero-page .hero{height:calc(max(45.4vw,350px) - 60px)}
 .neon-hero-page .hero-copy{padding-top:20px}
 .neon-hero-page .hero h1{font-size:7.15vw}
 .neon-hero-page .hero .actions{margin-top:16px;gap:14px}
 .neon-hero-page .hero .button{font-size:10px;min-height:36px;padding:9px 12px;gap:8px}
 .neon-hero-page .hero .messenger-icon{width:18px;height:18px}
 .neon-hero-page .hero .button-arrow{width:14px;height:14px}
 .neon-hero-page .hero .scene{min-width:450px;height:120%;top:-20%;right:-2%}
}
@media(max-width:760px){.neon-hero-page .hero .intro span{display:contents}.neon-hero-page .hero .intro span:after{content:' '}}