*{box-sizing:border-box}html,body{background:#000;width:100%;height:100%;margin:0;font-family:Arial,sans-serif}.hero{--brand-height:66px;background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.heroVideo{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.videoLoader{z-index:1;pointer-events:none;background:linear-gradient(105deg,#fff0 35%,#fff3 50%,#fff0 65%) 0 0/250% 100%,#0f0f0f 0 0/100% 100%;transition:opacity .26s;animation:1.4s linear infinite heroShimmer;position:absolute;inset:0}.videoLoaderDone{opacity:0}.overlay{z-index:2;background:#00000040;position:absolute;inset:0}.overlayEnded{background:#00000080}.logo{z-index:2;height:var(--brand-height);width:auto;max-width:calc(100vw - 120px);position:absolute;top:24px;left:24px}.menuWrap{z-index:4;justify-items:end;gap:10px;display:grid;position:absolute;top:24px;right:24px}.menuToggle{appearance:none;width:var(--brand-height);height:var(--brand-height);cursor:pointer;background:linear-gradient(160deg,#ffffff2e,#00000085);border:1px solid #ffffffb3;border-radius:999px;align-content:center;justify-items:center;gap:8px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid;box-shadow:0 12px 32px #0006}.menuToggle:hover{border-color:#fffffff2;transform:translateY(-1px)scale(1.02);box-shadow:0 18px 42px #00000085}.menuToggleOpen{border-color:#fffffff2;box-shadow:0 18px 46px #0009}.menuBar{background:#fff;border-radius:99px;width:30px;height:3px;transition:transform .17s,opacity .17s;display:block}.menuBarTopOpen{transform:translateY(11px)rotate(45deg)}.menuBarMiddleOpen{opacity:0}.menuBarBottomOpen{transform:translateY(-11px)rotate(-45deg)}.menuPanel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#101318f2,#06070be6);border:1px solid #ffffff2e;border-radius:18px;gap:.35rem;min-width:268px;padding:.5rem;animation:.18s ease-out menuReveal;display:grid;box-shadow:0 24px 58px #00000094}.menuItem{color:#fff;letter-spacing:.01em;text-align:right;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:12px;padding:.78rem .85rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:transform .12s,border-color .12s,background .12s}.menuItem:hover{background:#ffffff1c;border-color:#ffffff40;transform:translate(-2px)}@keyframes menuReveal{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes heroShimmer{0%{background-position:120% 0,0 0}to{background-position:-20% 0,0 0}}.heroActions{z-index:3;gap:12px;display:flex;position:absolute;bottom:12vh;left:50%;transform:translate(-50%)}.heroButton{appearance:none;color:#fff;white-space:nowrap;cursor:pointer;background:#00000073;border:1px solid #ffffffd9;border-radius:999px;padding:.8rem 1.4rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .12s,transform .12s}.heroButton:hover{background:#ffffff26;transform:translateY(-1px)}.heroButtonPrimary{color:#000;background:#fff;border-color:#fff}.heroButtonPrimary:hover{background:#e9e9e9}.comingSoon{color:#fff;text-align:center;background:#000;place-content:center;min-height:100vh;padding:24px;display:grid}.comingSoon h1{margin:0;font-size:clamp(2rem,5vw,3rem)}.comingSoon p{color:#ffffffd9;margin:.9rem 0 1.5rem}@media (max-width:768px){.hero{--brand-height:54px}.logo{top:16px;left:16px}.menuWrap{gap:8px;top:16px;right:16px}.menuToggle{gap:7px}.menuBar{width:24px}.menuBarTopOpen{transform:translateY(9px)rotate(45deg)}.menuBarBottomOpen{transform:translateY(-9px)rotate(-45deg)}.menuPanel{min-width:210px}.heroActions{gap:10px;bottom:8vh}.heroButton{padding:.68rem 1.05rem;font-size:.92rem}}