@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@300;400;500;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050a0a;--bg2:#070d0d;--teal:#005b5c;--teal2:#006e6f;--sand:#e8d5b5;--sand-40:#e8d5b566;--sand-20:#e8d5b533;--sand-10:#e8d5b51a;--sand-06:#e8d5b50f;--teal-20:#005b5c33;--teal-10:#005b5c1a;--teal-04:#005b5c0a;--bebas:"Bebas Neue", sans-serif;--roboto:"Roboto", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--sand);font-family:var(--roboto);overflow-x:hidden}.container{max-width:1200px;margin:0 auto}.section{padding:80px 48px}.label{font-family:var(--roboto);letter-spacing:4px;color:var(--teal);text-transform:uppercase;margin-bottom:16px;font-size:11px}.h1{font-family:var(--bebas);color:var(--sand);margin-bottom:40px;font-size:clamp(40px,6vw,80px);line-height:1}.h2{font-family:var(--bebas);color:var(--sand);margin-bottom:24px;font-size:clamp(32px,4vw,56px);line-height:1}.body-text{font-family:var(--roboto);color:#e8d5b599;font-size:15px;line-height:1.75}.btn-primary{background:var(--sand);color:var(--bg);font-family:var(--bebas);letter-spacing:2px;cursor:pointer;border:none;padding:14px 36px;font-size:18px;text-decoration:none;transition:opacity .2s;display:inline-block}.btn-primary:hover{opacity:.88}.btn-outline{color:var(--sand);font-family:var(--bebas);letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #e8d5b54d;padding:14px 36px;font-size:18px;text-decoration:none;transition:all .2s;display:inline-block}.btn-outline:hover{background:#e8d5b514;border-color:#e8d5b580}.btn-teal{background:var(--teal);color:#fff;font-family:var(--bebas);letter-spacing:2px;cursor:pointer;border:none;padding:12px 32px;font-size:16px;text-decoration:none;transition:background .2s;display:inline-block}.btn-teal:hover{background:var(--teal2)}.grid-2{grid-template-columns:1fr 1fr;gap:2px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.live-dot{animation:2s ease-in-out infinite pulse-dot}@media (max-width:768px){.section{padding:52px 20px}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.btn-row{flex-direction:column}.btn-row a,.btn-row button{text-align:center}}@media (max-width:480px){.section{padding:44px 16px}.grid-4{grid-template-columns:1fr}}
