:root{--hx-panel:#fff}
:root[data-theme=dark]{--hx-panel:#1b1411}

.hx .veil{background:radial-gradient(ellipse 70% 62% at 50% 30%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.62) 40%,rgba(255,255,255,0) 74%)}
:root[data-theme=dark] .hx .veil{background:radial-gradient(ellipse 70% 62% at 50% 30%,rgba(18,12,8,.85) 0%,rgba(18,12,8,.5) 42%,rgba(18,12,8,0) 74%)}
.hero.hx{min-height:0;padding-bottom:clamp(56px,8vh,96px)}

.hx h1{font-size:clamp(52px,5.6vw,92px)}
.hx .lede{max-width:42ch;margin:clamp(16px,2.4vh,26px) auto 0;font-size:clamp(18px,1.45vw,21px)}

.pb{position:relative;text-align:left;background:var(--hx-panel);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 30px 60px -38px rgba(22,5,0,.45);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.pb:focus-within{border-color:var(--o2);box-shadow:0 0 0 4px rgba(255,90,6,.14),0 30px 60px -38px rgba(22,5,0,.45)}

.pb.sent{pointer-events:none}

@keyframes pbIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

@keyframes spRun{to{transform:translateX(-50%)}}

@media (max-width:700px){
  
  .hx h1{font-size:clamp(42px,12vw,58px)}
  .hx .lede{margin-top:16px}
  
  .pb{padding:8px}
  
  
  
  
  
  
  
  
  
  
  
  
}

.wt[hidden]{display:none}
.wt{width:min(1080px,100%);margin:clamp(36px,5vh,56px) auto 0;animation:pbIn .6s var(--ease) both}

@keyframes wtScan{from{transform:translateY(-100%)}to{transform:translateY(560%)}}

@media (prefers-reduced-motion:reduce){.wt{transition:none!important;animation:none!important}}

.wt{margin-top:clamp(28px,4vh,44px)}
.js .wt.rv{filter:none;transform:translateY(24px)}
.js .wt.rv.in{transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:.9s}