:root{--bg:#0c1618;--fg:#f4f4f0;--ac:#ffb703;--g:#05090a;--r:#e63946;--b:#1d3557;--y:#f9c74f;--sans:'Inter',system-ui,sans-serif;--serif:Georgia,serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--sans);height:100dvh;width:100vw;overflow:hidden;display:flex;flex-direction:column;position:relative}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;z-index:10;flex:0 0 auto}header img{max-height:28px;width:auto;object-fit:contain;position:relative;z-index:20}.h-r{display:flex;gap:1.5rem;align-items:center}.ping{font-family:monospace;font-size:clamp(.7rem,1.5vw,.8rem);display:flex;align-items:center;gap:.4rem;opacity:.8}.dot{width:6px;height:6px;background:#2ecc71;border-radius:50%;animation:p 2s infinite}.pill{background:var(--r);color:#fff;padding:.3rem .8rem;border-radius:99px;font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;animation:f 3s ease-in-out infinite}main{flex:1;display:flex;flex-direction:column;padding:0 2rem;z-index:10;position:relative;overflow:hidden}.hero{max-width:850px;margin:0 auto;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}h1{font-family:var(--serif);font-size:clamp(2rem,4vh+3vw,4.5rem);line-height:1.05;margin-bottom:clamp(.5rem,2vh,1.5rem);font-weight:400;letter-spacing:-1px}p.lead{font-size:clamp(.9rem,2vh+1vw,1.25rem);line-height:1.5;opacity:.85;margin:0 auto clamp(1rem,3vh,2rem);max-width:650px}.cta{background:var(--ac);color:#000;text-decoration:none;padding:clamp(1rem,2vh,1.2rem) clamp(2rem,4vw,2.5rem);border-radius:2px;font-weight:700;font-size:clamp(1rem,2vh,1.1rem);display:inline-flex;align-items:center;box-shadow:4px 4px 0 var(--fg);transition:transform .2s,box-shadow .2s}.cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--fg)}.cta:focus{outline:3px solid var(--fg);outline-offset:4px}.reel-w{flex:0 0 auto;margin:0 -2rem;padding-bottom:clamp(1rem,3vh,2rem)}.reel{display:flex;overflow-x:auto;gap:2px;background:var(--g);padding:2px 0;scrollbar-width:none;-ms-overflow-style:none}.reel::-webkit-scrollbar{display:none}.frame{flex:0 0 clamp(260px,30vw,320px);height:clamp(120px,18vh,160px);background:#121e21;padding:clamp(1rem,2vh,1.5rem);display:flex;flex-direction:column;justify-content:space-between;border-top:8px dotted #05090a;border-bottom:8px dotted #05090a;scroll-snap-align:center}.stars{color:var(--ac);font-size:clamp(1rem,1.5vh,1.2rem);letter-spacing:3px}.rtxt{font-size:clamp(.8rem,1.5vh,.95rem);line-height:1.4;opacity:.9}.usr{font-size:.75rem;opacity:.5;text-transform:uppercase;letter-spacing:1px;font-weight:700}footer{flex:0 0 auto;display:flex;justify-content:space-between;padding:1rem 2rem;font-size:.8rem;opacity:.6;z-index:10;border-top:1px solid rgba(255,255,255,.05)}.f-l a{color:var(--fg);text-decoration:none;margin-left:1.5rem}.bg-s{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.circ{position:absolute;width:30vw;height:30vw;max-width:300px;max-height:300px;border-radius:50%;background:var(--r);opacity:.05;top:-10%;left:-5%}.sq{position:absolute;width:20vw;height:20vw;max-width:200px;max-height:200px;background:var(--b);opacity:.08;bottom:20%;right:5%;transform:rotate(15deg)}.tri{position:absolute;width:0;height:0;border-left:15vw solid transparent;border-right:15vw solid transparent;border-bottom:26vw solid var(--y);opacity:.05;top:30%;left:15%;transform:rotate(-25deg)}@keyframes p{0%,100%{opacity:.4}50%{opacity:1}}@keyframes f{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:768px){header{padding:1rem}main{padding:0 1rem}.reel-w{margin:0 -1rem}.pill{display:none}footer{padding:1rem;flex-direction:column;align-items:center;gap:.5rem}.f-l a{margin:0 .75rem}}