*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:15px;line-height:1.65;scroll-behavior:smooth}
body{background-color:#FAFAFA;color:#333333;font-family:'Space Grotesk',sans-serif;font-weight:400;overflow-x:hidden}

.hero{min-height:100vh;background:#0F0F12;display:flex;justify-content:center;align-items:center;position:relative}
.hex-network{position:relative;width:500px;height:500px}
.hex-node{position:absolute;width:120px;height:120px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#FAFAFA;display:flex;justify-content:center;align-items:center;text-align:center;font-family:'Archivo Black',sans-serif;font-size:0.7rem;color:#1A1A1A;letter-spacing:0.06em;text-transform:uppercase;opacity:0;transition:opacity 500ms ease-out,background 200ms}
.hex-node::after{content:attr(data-label)}
.hex-node.visible{opacity:1}
.hex-node:hover{background:rgba(43,92,230,0.08)}
.hex-center{top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;font-size:0.9rem;background:#2B5CE6;color:#FAFAFA;z-index:2}
.hex-center:hover{background:#2B5CE6}
.hex-1{top:10%;left:50%;transform:translateX(-50%)}
.hex-2{top:25%;right:8%}
.hex-3{top:62%;right:8%}
.hex-4{bottom:10%;left:50%;transform:translateX(-50%)}
.hex-5{top:62%;left:8%}
.hex-6{top:25%;left:8%}

.exploration{max-width:1100px;margin:0 auto;padding:80px 24px}
.hex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hex-card{background:#FAFAFA;border:2px solid #1A1A1A;padding:28px 24px;opacity:0;transform:translateY(16px);transition:opacity 400ms ease-out,transform 400ms ease-out,border-color 200ms}
.hex-card.visible{opacity:1;transform:translateY(0)}
.hex-card:hover{border-color:#2B5CE6}
.hex-large{grid-column:span 2}
.hex-tag{font-family:'Archivo Black',sans-serif;font-size:0.65rem;color:#8A8A8A;letter-spacing:0.1em;text-transform:uppercase;display:block;margin-bottom:8px}
.hex-title{font-family:'Archivo Black',sans-serif;font-size:1.4rem;color:#1A1A1A;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:10px}
.hex-body{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:0.95rem;color:#333333;line-height:1.65;margin-bottom:12px}
.hex-notation{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:0.9rem;color:#2B5CE6;display:block}

.site-footer{max-width:1100px;margin:0 auto;padding:40px 24px;display:flex;align-items:center;gap:16px;border-top:2px solid #1A1A1A}
.footer-text{font-family:'Space Grotesk',sans-serif;font-size:0.75rem;color:#8A8A8A;letter-spacing:0.04em}

@media(max-width:768px){
    .hex-grid{grid-template-columns:1fr}
    .hex-large{grid-column:span 1}
    .hex-network{width:300px;height:300px}
    .hex-node{width:80px;height:80px;font-size:0.5rem}
    .hex-center{width:100px;height:100px;font-size:0.65rem}
}