@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;600;700&display=swap');:root{--cyan:#00d9ff;--white:#f3fbff;--bg:#020a10}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:radial-gradient(ellipse at 50% 30%,#06364a,#020a10 65%);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:3px}.header{height:78px;position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:linear-gradient(#071720,#01060b);border-bottom:2px solid #00cfffaa;box-shadow:0 3px 22px #00d9ff55}.wordmark{display:flex;align-items:center;gap:10px;white-space:nowrap;font:italic 900 clamp(22px,2.8vw,39px) 'Barlow Condensed',Impact,sans-serif;text-shadow:2px 3px #041e2b}.wordmark span span{color:var(--cyan)}.skull{font-size:45px;color:white;text-shadow:0 0 12px var(--cyan)}nav{display:flex;align-items:center;gap:clamp(10px,2.2vw,35px)}nav a{font:800 clamp(12px,1.25vw,18px) 'Barlow Condensed',Impact,sans-serif;white-space:nowrap;padding:12px 10px}nav a:hover,nav a.active{color:white;text-shadow:0 0 10px var(--cyan);border-bottom:2px solid var(--cyan)}.menu-toggle{display:none}.hero{position:relative;height:min(31vw,530px);min-height:360px;background:#061a25;overflow:hidden}.hero-art{position:absolute;inset:0;background-image:linear-gradient(to bottom,transparent 63%,#020a10 100%),url('assets/sandcool-hero.webp');background-size:cover;background-position:center 44%;background-color:#062338}.hero-overlay{position:absolute;bottom:20px;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:15px}.tagline{margin:0;color:#8feeff;text-shadow:0 2px 5px #000;letter-spacing:4px;font:800 clamp(12px,1.4vw,22px) 'Barlow Condensed',sans-serif;text-align:center}.hero-actions{display:flex;gap:24px}.neon-button{display:inline-flex;align-items:center;justify-content:center;min-width:260px;padding:13px 22px;background:#07344a;color:white;border:2px solid #70ecff;box-shadow:0 0 5px #fff,0 0 16px #00cfff,inset 0 0 15px #00d9ff88;clip-path:polygon(4% 0,96% 0,100% 22%,100% 78%,96% 100%,4% 100%,0 78%,0 22%);font:900 22px 'Barlow Condensed',sans-serif}.neon-button.dark{background:#020e18;box-shadow:inset 0 0 12px #008bbd}.neon-button:hover,.metal-card:hover,.feature:hover{filter:brightness(1.3);transform:translateY(-2px)}.platforms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:20px 5% 28px}.metal-card,.feature{transition:transform .15s,filter .15s;background:linear-gradient(145deg,#173e51 0%,#030b13 25%,#081722 78%,#13516a);border:2px solid #178fba;box-shadow:inset 0 0 0 2px #2b5364,0 3px 0 #001017,0 0 10px #00d9ff55;clip-path:polygon(6% 0,94% 0,100% 16%,100% 84%,94% 100%,6% 100%,0 84%,0 16%)}.metal-card{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 8px;min-height:87px}.metal-card strong,.feature strong{display:block;font:900 clamp(17px,1.8vw,27px) 'Barlow Condensed',sans-serif}.metal-card small,.feature small{display:block;font:600 clamp(10px,.9vw,13px) 'Barlow Condensed',sans-serif;color:#b6e9ff}.platform-icon{font-size:36px;font-weight:900;line-height:1}.twitch{color:#bd72ff}.youtube{color:#ff2020}.tiktok{color:#fff;text-shadow:-3px -2px #00edff,3px 2px #f22}.kick{color:#53ff18}.discord{color:#8b8aff}.bot-icon{color:#44eaff}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:10px 4% 35px}.feature{min-height:132px;display:flex;align-items:center;gap:22px;padding:23px 25px;clip-path:polygon(3% 0,97% 0,100% 15%,100% 85%,97% 100%,3% 100%,0 85%,0 15%)}.feature-icon{font-size:50px;color:var(--cyan)}.feature small{font-size:15px;line-height:1.2;margin-top:7px;color:#e5f8ff}.arrow{margin-left:auto;font-size:40px;color:var(--cyan)}.details{padding:60px 7%;background:#03131c;border-top:1px solid #07536b}.details h2,.details h3{font-family:'Barlow Condensed',sans-serif}.details h2{font-size:44px}.details p{color:#bbd4df;line-height:1.7}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-grid article{border:1px solid #07536b;padding:22px;background:#041c29}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 5%;background:#01060b;border-top:2px solid #0d647f}footer strong{font:italic 900 clamp(20px,2.6vw,35px) 'Barlow Condensed',sans-serif;color:#d2e7f4}footer a:hover{color:var(--cyan)}@media(max-width:1050px){.header{padding:0 3%}nav{gap:2px}.platforms{grid-template-columns:repeat(3,1fr)}.features{gap:12px}.feature{padding:16px}.feature-icon{font-size:35px}}@media(max-width:700px){.header{height:75px;padding:0 6%}.wordmark{font-size:30px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;background:transparent;width:48px;height:48px;cursor:pointer}.menu-toggle span{height:4px;width:32px;border-radius:3px;background:#dffaff;box-shadow:0 0 6px var(--cyan)}nav{display:none;position:absolute;top:75px;left:0;right:0;min-height:calc(100svh - 75px);padding:30px 9%;background:linear-gradient(#020a10ee,#042235f7),url('assets/sandcool-hero.webp') center/cover;flex-direction:column;align-items:stretch;gap:12px;overflow:auto}nav.open{display:flex}nav a{font-size:26px;padding:14px;border-bottom:1px solid #0d5067}nav a.active{border:2px solid var(--cyan);box-shadow:0 0 14px var(--cyan)}.hero{height:75svh;min-height:530px;max-height:760px}.hero-art{background-size:auto 100%;background-position:center top}.hero-overlay{bottom:18px;padding:0 15px}.tagline{font-size:15px;letter-spacing:2px}.hero-actions{flex-direction:column;gap:12px;width:min(100%,390px)}.neon-button{width:100%;font-size:21px;padding:12px}.platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 4%}.metal-card{min-height:77px;gap:9px}.platform-icon{font-size:30px}.metal-card strong{font-size:22px}.metal-card small{font-size:11px}.features{grid-template-columns:1fr;gap:16px;padding:12px 4% 30px}.feature{min-height:120px}.feature-icon{font-size:48px}.feature strong{font-size:27px}.feature small{font-size:15px}.detail-grid{grid-template-columns:1fr}footer{flex-direction:column;text-align:center}.footer-icons{font-size:24px}}@media(max-width:370px){.wordmark{font-size:24px}.metal-card strong{font-size:18px}.metal-card small{font-size:9px}.platform-icon{font-size:25px}}