*{margin:0;padding:0;box-sizing:border-box}:root{--grid-line: rgba(255, 255, 255, .06);--tile-bg: rgba(255, 255, 255, .015);--dot-color: rgba(255, 255, 255, .35);--dot-hover: #CAE68F }.page{position:relative;min-height:100vh;overflow:hidden}.gradient{position:absolute;inset:0;background:linear-gradient(180deg,#7546e3 10%,#170e2d);pointer-events:none}.grid{position:absolute;display:grid;inset:0;z-index:1;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr)}.tile{position:relative;overflow:visible;border-right:.5px solid var(--grid-line);border-bottom:.5px solid var(--grid-line);pointer-events:auto}.dot{position:absolute;width:2px;height:2px;top:0;left:0;transform:translate(-50%,-50%);background:var(--dot-color);transition:transform .25s ease,opacity .25s ease,background .25s ease;pointer-events:none}.dot.active{transform:translate(-50%,-50%) scale(1.7);opacity:1;background:var(--dot-hover);box-shadow:0 0 8px #4ade80e6}.tile:nth-child(var(--cols)n){border-right:none}.tile:nth-last-child(-n + var(--cols)){border-bottom:none}.content{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:2rem;gap:50px}.content-1{flex-direction:column;text-align:center}.title{font-size:clamp(28px,7vw,65px);font-weight:600;line-height:1;font-family:Oxanium,sans-serif;letter-spacing:.5cqb}.subtitle{font-size:clamp(10px,2.8vw,24px);opacity:.85;margin:0 auto;font-family:Karla,system-ui,-apple-system,sans-serif;font-weight:400}.brand-logo{width:clamp(140px,30vw,449.17px);height:clamp(70px,30vw,100px);object-fit:contain}.lottie-wrapper{width:clamp(120px,30vw,240px);margin:0 auto}