html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Arial,sans-serif}body{position:relative}#bg-image{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}#hex-fill{position:fixed;inset:0;z-index:1;pointer-events:none}canvas{position:fixed;inset:0;display:block;z-index:2}#ui{position:fixed;inset:0;z-index:3;pointer-events:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;gap:4rem;padding:8vw;box-sizing:border-box}.copy{max-width:34rem;pointer-events:none}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;opacity:.7;margin-bottom:1rem}h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:.95;margin:0 0 1rem}p{font-size:1.1rem;line-height:1.5;opacity:.85;margin:0}.actions{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start;pointer-events:none}.ghost-btn{--snap-x: 0px;--snap-y: 0px;pointer-events:auto;min-width:210px;height:72px;padding:0 2rem;border-radius:999px;border:1px solid rgba(255,174,32,.25);background:transparent;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transform:translate(var(--snap-x),var(--snap-y))}.hl{pointer-events:none}.copy-panel{max-width:26rem;padding:2rem 2.5rem;border-radius:4px;color:#fff}.action-btn{position:fixed;bottom:8vw;right:8vw;pointer-events:auto;padding:.9rem 2.5rem;border-radius:6px;border:none;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;background:transparent;letter-spacing:.06em}@media(max-width:900px){.hero{flex-direction:column;align-items:flex-start;justify-content:center}.actions{width:100%}.ghost-btn{width:100%;max-width:320px}}