:root{--black:#0a0a0a;--slate:#111214;--gold:#c9a84c;--white:#f4f4f4;--muted:#b9b9b9;--mono:"SFMono-Regular", "Roboto Mono", "IBM Plex Mono", "JetBrains Mono", monospace;--display:"Arial Narrow", "Impact", "Haettenschweiler", "Franklin Gothic Condensed", sans-serif}*{box-sizing:border-box}html,body{background:var(--black);min-height:100%;color:var(--white);margin:0}body{font-family:var(--mono);overflow-x:hidden}a{color:inherit;text-decoration:none}.page-shell{background:radial-gradient(circle at 78% 42%,#c9a84c1a,#0000 26%),radial-gradient(circle at 22% 55%,#ffffff0e,#0000 22%),linear-gradient(#050505 0%,#0a0a0a 46%,#050505 100%);min-height:100vh;position:relative;overflow:hidden}.noise{pointer-events:none;opacity:.26;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px,64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 84%);mask-image:radial-gradient(circle,#000,#0000 84%)}.nav-bar{z-index:5;border-bottom:1px solid #c9a84c59;justify-content:space-between;align-items:center;height:104px;padding:0 clamp(28px,6vw,110px);display:flex;position:relative}.brand{letter-spacing:.42em;align-items:center;gap:26px;font-size:clamp(20px,2vw,36px);display:flex}.brand img{object-fit:contain;filter:brightness(0)invert()drop-shadow(0 0 10px #ffffff2e);width:44px;height:auto}.nav-panel{letter-spacing:.26em;justify-content:center;align-items:center;gap:clamp(36px,5vw,92px);min-width:min(620px,50vw);height:70px;font-size:14px;display:flex;position:relative}.nav-panel:before{content:"";clip-path:polygon(8% 0,100% 0,96% 100%,0 100%);pointer-events:none;background:#08080894;border:1px solid #ffffff2e;border-bottom-color:#c9a84c38;position:absolute;inset:0}.nav-card-trigger{justify-content:center;align-items:center;min-height:70px;transition:color .2s;display:inline-flex;position:relative}.nav-label{z-index:2;position:relative}.nav-card-trigger:hover,.nav-card-trigger:focus-visible{color:var(--gold);outline:none}.nav-card-trigger:hover .nav-pop-card,.nav-card-trigger:focus-visible .nav-pop-card{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.nav-pop-card{width:250px;min-height:156px;color:var(--white);letter-spacing:normal;text-align:left;clip-path:polygon(0 0,94% 0,100% 13%,100% 100%,7% 100%,0 87%);opacity:0;pointer-events:none;z-index:20;background:linear-gradient(135deg,#ffffff1a,#0000 36%),#060606eb;border:1px solid #c9a84c8a;gap:8px;padding:20px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%,12px)scale(.96);box-shadow:0 22px 64px #0000009e,inset 0 0 0 1px #ffffff0d}.nav-pop-card:before{content:"";pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:8px}.nav-pop-eyebrow{color:var(--gold);letter-spacing:.24em;text-transform:uppercase;font-size:10px}.nav-pop-title{font-family:var(--display);letter-spacing:.02em;font-size:30px;line-height:.9}.nav-pop-description{color:var(--muted);font-size:12px;line-height:1.55}.hero{z-index:2;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);align-items:center;gap:clamp(24px,5vw,96px);min-height:calc(100vh - 104px);padding:clamp(32px,6vw,96px) clamp(28px,7vw,126px) 64px;display:grid;position:relative}.hero-copy{max-width:760px}h1{font-family:var(--display);letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 2px #ffffff26,0 24px 60px #000000a6;margin:0;font-size:clamp(74px,8vw,152px);line-height:.86}h1 span{display:block}.gold-rule{background:linear-gradient(90deg, var(--gold), #c9a84c6b, transparent);width:100%;height:1px;margin:28px 0 22px;position:relative}.gold-rule:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid var(--gold);width:0;height:0;position:absolute;top:-5px;left:-14px}.hero-copy p{color:var(--white);margin:0 0 42px;font-size:clamp(14px,1.25vw,20px);line-height:1.7}.newsletter{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.newsletter input{width:min(320px,100%);height:62px;color:var(--white);font-family:var(--mono);background:#00000059;border:1px solid #c9a84c9e;outline:none;padding:0 20px}.newsletter input:focus{border-color:var(--gold);box-shadow:0 0 24px #c9a84c24}.newsletter button{border:2px solid var(--gold);height:62px;color:var(--gold);font-family:var(--mono);letter-spacing:.22em;cursor:pointer;background:0 0;padding:0 36px;font-size:16px;transition:transform .18s,box-shadow .18s}.newsletter button:hover{transform:translateY(-1px);box-shadow:0 0 30px #c9a84c38}.jackal-stage{place-items:center;min-height:720px;display:grid;position:relative}.jackal{object-fit:contain;opacity:.62;filter:grayscale(.55)brightness(.36)contrast(1.65)drop-shadow(0 0 32px #ffffff0d);width:min(46vw,620px);height:auto;transform:scale(1.28)}.circuit-field{opacity:.36;background:linear-gradient(90deg,#0000 0 42%,#c9a84c38 42% 43%,#0000 43%),linear-gradient(0deg,#0000 0 56%,#c9a84c2e 56% 57%,#0000 57%),repeating-linear-gradient(90deg,#0000 0 72px,#c9a84c33 73px,#0000 76px),repeating-linear-gradient(0deg,#0000 0 96px,#c9a84c1f 97px,#0000 100px);position:absolute;inset:12% 0 4% 10%;-webkit-mask-image:radial-gradient(circle at 72% 46%,#000,#0000 68%);mask-image:radial-gradient(circle at 72% 46%,#000,#0000 68%)}.eye{background:#ffcc54;border-radius:999px;width:116px;height:10px;position:absolute;top:61%;transform:rotate(28deg);box-shadow:0 0 12px #ffbd33,0 0 34px #ffb828bf}.eye-left{left:35%}.eye-right{right:28%;transform:rotate(-28deg)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.nav-bar{flex-wrap:wrap;gap:20px;height:auto;min-height:92px;padding-block:22px}.brand{letter-spacing:.28em}.nav-panel{gap:34px;min-width:100%;height:56px;font-size:12px}.nav-panel:before{clip-path:polygon(5% 0,100% 0,96% 100%,0 100%)}.nav-card-trigger{min-height:56px}.nav-pop-card{width:min(250px,72vw);top:calc(100% + 10px)}.hero{grid-template-columns:1fr;padding-top:52px}.jackal-stage{opacity:.72;order:-1;min-height:520px}.jackal{width:min(76vw,500px)}.eye{display:none}}@media (max-width:560px){.brand span{letter-spacing:.24em;font-size:18px}h1{font-size:clamp(58px,18vw,86px)}.newsletter input,.newsletter button{width:100%}.nav-panel{justify-content:space-between;gap:0;padding-inline:24px}.nav-panel:before{clip-path:none}.nav-pop-card{width:min(260px,86vw);padding:16px;left:50%}}
