.px-hero{position:relative;isolation:isolate;overflow:hidden;color:var(--text);
  --hdr:calc(var(--header-h,86px) + 1px); 
  --u:clamp(1px,min(100vw / 1440,(100vh - var(--hdr)) / 813),2px);
  min-height:max(calc(100vh - var(--hdr)),440px);min-height:max(calc(100svh - var(--hdr)),440px);
  display:flex;flex-direction:column;
  
  background:#12191a linear-gradient(180deg,#12191a 0%,#132125 40%,#1b373c 62%,#356b69 70%,#a9cfbf 76%,#2b5556 76.5%,#18302f 86%,#0d1516 100%)}
@supports (height:100svh){.px-hero{--u:clamp(1px,min(100vw / 1440,(100svh - var(--hdr)) / 813),2px)}}
.px-scene{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;display:block;
  image-rendering:crisp-edges;image-rendering:pixelated;opacity:0;transition:opacity .5s ease}
.px-scene.is-ready{opacity:1}
.px-hero::before,.px-hero::after{content:'';flex:43 1 0;min-height:var(--px-top,32px)}
.px-hero::after{flex-grow:57;min-height:var(--px-bot,150px)}
.px-title{flex:none;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.px-eyebrow{order:1;display:flex;gap:calc(9 * var(--u));align-items:center;margin:0;font-size:calc(12 * var(--u));font-weight:650;line-height:1;
  letter-spacing:.3em;padding-left:.3em;color:var(--cyan-soft,#8fdcda)}
.px-eyebrow .signal-dot{display:inline-block;width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--cyan,#72d5d5);box-shadow:0 0 10px #72d5d5}
.px-logo{order:2;width:clamp(150px,14.2vw,calc(212 * var(--u)));height:auto;margin-top:calc(24 * var(--u));
  filter:drop-shadow(0 calc(4 * var(--u)) 0 rgba(6,12,13,.42))}
.px-hero h1{order:3;margin:calc(22 * var(--u)) 0 0;font-size:clamp(17px,1.38vw,calc(20 * var(--u)));font-weight:600;line-height:1.5;letter-spacing:-.025em;color:#eef2ea}
.px-line{order:4;margin:calc(8 * var(--u)) 0 0;font-size:calc(15 * var(--u));line-height:1.7;letter-spacing:-.01em;color:#b3c6c1}
.px-line .px-dash{color:#6f9a96}
.px-br{display:none}
.px-actions{order:5;display:flex;align-items:center;justify-content:center;gap:calc(36 * var(--u));margin-top:calc(30 * var(--u))}
.px-opt{position:relative;display:inline-flex;align-items:center}
.px-actions .button{min-height:calc(52 * var(--u));padding:calc(16 * var(--u)) calc(24 * var(--u));gap:calc(12 * var(--u));font-size:calc(15 * var(--u))}
.px-actions .button .cur{border-left-width:calc(6 * var(--u));border-top-width:calc(4 * var(--u));border-bottom-width:calc(4 * var(--u))}
.px-link{display:inline-flex;align-items:center;gap:calc(10 * var(--u));min-height:calc(44 * var(--u));font-size:calc(15 * var(--u));font-weight:600;color:#eef3ef;
  text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(238,243,239,.6);text-underline-offset:calc(7 * var(--u));
  text-shadow:0 1px 0 #0b1314,0 0 2px #0b1314,0 0 12px rgba(11,19,20,.9)}
.px-link:hover{color:var(--cyan,#72d5d5);text-decoration-color:currentColor}
.px-opt--link::before{content:'';position:absolute;left:calc(-16 * var(--u));top:50%;margin-top:calc(-4 * var(--u));width:0;height:0;opacity:0;pointer-events:none;
  border-top:calc(4 * var(--u)) solid transparent;border-bottom:calc(4 * var(--u)) solid transparent;border-left:calc(6 * var(--u)) solid var(--cyan,#72d5d5)}
.px-opt--link:hover::before,.px-opt--link:focus-within::before{opacity:1;animation:px-blink 1.1s steps(1,end) infinite}
.px-scroll{position:absolute;left:50%;bottom:clamp(14px,3.2vh,30px);transform:translateX(-50%);z-index:1;
  display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--u));padding:6px 10px;
  font-size:calc(12 * var(--u));font-weight:650;letter-spacing:.34em;padding-left:calc(10px + .34em);color:#c2d3ce;text-shadow:0 1px 0 #0b1314,0 0 8px #0b1314}
.px-scroll i{width:0;height:0;border-left:calc(5 * var(--u)) solid transparent;border-right:calc(5 * var(--u)) solid transparent;
  border-top:calc(5 * var(--u)) solid #72d5d5;animation:px-blink 1.1s steps(1,end) infinite}
.px-scroll:hover{color:var(--cyan,#72d5d5)}
.px-hero:has(.px-opt:hover,.px-opt:focus-within) .px-scroll i{animation:none}
@keyframes px-blink{0%,55%{opacity:1}56%,100%{opacity:0}}
html.px-top .site-header{background:#12191a;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.px-title > *{--d:0s}
.px-eyebrow{--d:.05s}.px-logo{--d:.14s}.px-hero h1{--d:.23s}.px-line{--d:.32s}.px-actions{--d:.41s}
html.px-anim .px-title > *{animation:px-rise .48s cubic-bezier(.2,.8,.2,1) var(--d) both}
html.px-anim.px-hold .px-title > *{animation:none;opacity:0}
html.px-anim.px-hold.fx-intro:not(.fx-js) .px-title > *{animation:px-rise .48s cubic-bezier(.2,.8,.2,1) calc(var(--d) + 8.4s) both;opacity:1}
html.px-anim.px-hold.fx-enter:not(.fx-js) .px-title > *{animation:px-rise .48s cubic-bezier(.2,.8,.2,1) calc(var(--d) + 2.15s) both;opacity:1}
@keyframes px-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.attract{position:absolute;inset:0;z-index:-1;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 64px);mask-image:linear-gradient(180deg,transparent 0,#000 64px)}
.attract[hidden]{display:none}
.attract::before{content:'';position:absolute;inset:0;background:#12191a;opacity:0;transition:opacity var(--attract-fade,1.2s) cubic-bezier(.2,.8,.2,1)}
.attract__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;
  filter:saturate(.85) contrast(1.05);transition:opacity var(--attract-fade,1.2s) cubic-bezier(.2,.8,.2,1)}
.attract__v.is-on{opacity:var(--attract-opacity,.55)}
.attract__scrim{position:absolute;inset:0;opacity:0;transition:opacity var(--attract-fade,1.2s) cubic-bezier(.2,.8,.2,1);
  background:
    repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0 2px,transparent 2px 3px),
    radial-gradient(60% 50% at 50% 38%,rgba(11,17,18,.6),transparent 70%),
    linear-gradient(180deg,rgba(18,25,26,.72) 0%,rgba(18,25,26,.35) 45%,rgba(18,25,26,.85) 100%)}
.px-hero.is-attract .attract::before,.px-hero.is-attract .attract__scrim{opacity:1}
.px-hero{--hud-x:max(var(--gutter,24px),calc((100% - var(--wrap,1200px)) / 2))}
.attract__hud{position:absolute;inset:0;z-index:1;pointer-events:none}
.attract__hud[hidden]{display:none}
.attract__cap{position:absolute;left:var(--hud-x);bottom:calc(24 * var(--u));max-width:min(calc(50% - var(--hud-x) - 64px),calc(520 * var(--u)));display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0;
  opacity:0;transition:opacity .4s cubic-bezier(.2,.8,.2,1);text-shadow:0 1px 0 #0b1314,0 0 8px #0b1314}
.px-hero.is-attract .attract__cap.is-on{opacity:1}
.attract__cap b{font-size:calc(14 * var(--u));font-weight:650;color:var(--text,#f3f3ed);letter-spacing:-.01em}
.attract__cap .chip{font-size:calc(12 * var(--u));padding:calc(3 * var(--u)) calc(7 * var(--u))}
.attract__cap small{font-size:calc(13 * var(--u));color:var(--text-2,#b3c6c1)}
.attract__tag{position:absolute;right:var(--hud-x);top:calc(20 * var(--u));font-size:calc(12 * var(--u));font-weight:650;line-height:1;letter-spacing:.32em;color:var(--cyan,#72d5d5);
  opacity:0;transition:opacity .4s ease}
.px-hero.is-attract .attract__tag{opacity:1}
.attract__toggle{--hl:calc(8 * var(--u));--hi:calc(-3 * var(--u));position:absolute;z-index:2;right:var(--hud-x);bottom:calc(24 * var(--u));width:calc(36 * var(--u));height:calc(36 * var(--u));display:grid;place-items:center;padding:0;border:0;
  pointer-events:auto;cursor:pointer;color:var(--text,#f3f3ed);background-color:rgba(11,17,18,.62)}
.attract__toggle[hidden]{display:none}
.attract__toggle i{display:block;width:calc(10 * var(--u));height:calc(12 * var(--u));border-left:calc(3 * var(--u)) solid currentColor;border-right:calc(3 * var(--u)) solid currentColor}
.attract__toggle[data-state=paused] i{width:0;height:0;border-right:0;border-left:calc(10 * var(--u)) solid currentColor;border-top:calc(6 * var(--u)) solid transparent;border-bottom:calc(6 * var(--u)) solid transparent;margin-left:calc(3 * var(--u))}
.attract__toggle:hover{color:var(--cyan,#72d5d5)}
.attract__toggle:focus-visible{outline:2px solid var(--cyan,#72d5d5);outline-offset:3px}
.px-hero.is-still .px-scroll i{animation:none}
@media(orientation:portrait){
  .px-hero::before{flex-grow:30}.px-hero::after{flex-grow:70}
}
@media(max-width:600px){
  .px-hero{--px-top:24px;min-height:max(calc(100vh - var(--hdr)),420px);min-height:max(calc(100svh - var(--hdr)),420px)}
  .px-eyebrow{letter-spacing:.24em;padding-left:.24em}
  .px-logo{width:140px;margin-top:18px}
  .px-hero h1{font-size:17px;margin-top:16px}
  .px-line{font-size:14px;margin-top:6px}
  .px-dash{display:none}
  .px-br{display:initial}
  .px-actions{gap:26px;margin-top:22px}
  .px-actions .button{padding:14px 18px;font-size:14px;min-height:48px}
  .px-link{font-size:14px}
  .attract__cap{bottom:16px}.attract__toggle{bottom:16px}
}
@media(max-width:480px){
  .px-actions{flex-direction:column;gap:2px;margin-top:20px}
  .px-link{white-space:nowrap}
}
@media(max-height:520px) and (orientation:landscape){
  .px-hero{--px-top:12px;--px-bot:48px;min-height:max(calc(100vh - var(--hdr)),280px);min-height:max(calc(100svh - var(--hdr)),280px)}
  .px-logo{width:100px;margin-top:10px}
  .px-hero h1{margin-top:8px;font-size:15px}
  .px-line{margin-top:2px;font-size:13px}
  .px-dash{display:inline}.px-br{display:none}
  .px-actions{margin-top:12px;flex-direction:row;gap:26px}
  .px-actions .button{min-height:44px;padding:11px 16px;font-size:14px}
  .px-scroll{display:none}
}
@media(prefers-reduced-motion:reduce){
  .px-scroll i{animation:none}
  .px-scene{transition:none}
  .px-title > *{animation:none!important;opacity:1!important}
  .px-opt--link:hover::before,.px-opt--link:focus-within::before{animation:none}
}