:root{--ohmbee-bg:#050505;--ohmbee-bg-soft:#0a0a09;--ohmbee-panel:#12120fb8;--ohmbee-panel-solid:#10100d;--ohmbee-yellow:#f5c400;--ohmbee-yellow-bright:#ffd84a;--ohmbee-yellow-dark:#9c7b00;--ohmbee-text:#f5f5f0;--ohmbee-muted:#85857d;--ohmbee-border:#ffd22824;--ohmbee-radius:24px;--ohmbee-max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ohmbee-bg);min-height:100vh;color:var(--ohmbee-text);font-family:Inter,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle at 75% 10%,#f5c4001a,#0000 30%),radial-gradient(circle at 15% 60%,#f5c4000d,#0000 28%);position:fixed;inset:0}.background-grid{z-index:-3;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:70px 70px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.noise{pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}.navbar{z-index:100;width:min(var(--ohmbee-max-width), calc(100% - 40px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070706bf;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;margin:18px auto;padding:14px 18px;display:flex;position:sticky;top:0}.logo{color:#fff;letter-spacing:.08em;align-items:center;gap:9px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:800;text-decoration:none;display:flex}.logo-mark{color:var(--ohmbee-yellow);font-size:22px}.navbar nav{gap:28px;display:flex}.navbar nav a{color:#8d8d86;font-size:13px;text-decoration:none;transition:all .25s}.navbar nav a:hover{color:#fff}.nav-button{color:#090909;background:var(--ohmbee-yellow);border-radius:10px;padding:10px 16px;font-size:12px;font-weight:800;text-decoration:none;transition:all .25s}.nav-button:hover{background:var(--ohmbee-yellow-bright);transform:translateY(-2px)}.hero{width:min(var(--ohmbee-max-width), calc(100% - 40px));grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;min-height:780px;margin:auto;display:grid}.status-pill{border:1px solid var(--ohmbee-border);color:#aaa99f;letter-spacing:.12em;background:#f5c40009;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:10px;font-weight:700;display:inline-flex}.status-dot,.live-indicator span{background:var(--ohmbee-yellow);width:7px;height:7px;box-shadow:0 0 14px var(--ohmbee-yellow);border-radius:50%}.hero h1{letter-spacing:-.075em;max-width:760px;margin-top:25px;font-family:Space Grotesk,sans-serif;font-size:clamp(58px,8vw,112px);line-height:.9}.hero h1 span,.section-heading h2 span,.scanner-header h2 span,.roadmap h2 span,.community h2 span{color:var(--ohmbee-yellow)}.hero-text{max-width:570px;color:var(--ohmbee-muted);margin-top:30px;font-size:17px;line-height:1.75}.hero-actions{gap:12px;margin-top:32px;display:flex}.button{border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:12px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex}.button-primary{color:#080808;background:var(--ohmbee-yellow)}.button-primary:hover{background:var(--ohmbee-yellow-bright);transform:translateY(-3px);box-shadow:0 12px 35px #f5c4002e}.button-secondary{color:#fff;background:#ffffff06;border:1px solid #ffffff1a}.button-secondary:hover{border-color:var(--ohmbee-border);transform:translateY(-3px)}.hero-stats{gap:50px;margin-top:70px;display:flex}.hero-stats div{flex-direction:column;gap:7px;display:flex}.hero-stats small,.token-card small{color:#66665f;letter-spacing:.16em;font-size:9px;font-weight:800}.hero-stats strong{font-size:12px}.hero-visual{place-items:center;min-height:600px;display:grid;position:relative}.bee-card{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#f5c40024,#0000 55%),#0a0a08;border:1px solid #ffd2282e;border-radius:38px;place-items:center;width:min(480px,90%);display:grid;position:relative;overflow:hidden;box-shadow:0 0 80px #f5c40014,inset 0 0 80px #ffffff04}.bee-card img{z-index:2;object-fit:contain;filter:drop-shadow(0 0 30px #f5c40038);width:85%;height:85%;position:relative}.card-glow{background:var(--ohmbee-yellow);filter:blur(120px);opacity:.12;border-radius:50%;width:280px;height:280px;position:absolute}.bee-label{z-index:5;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:20px;left:22px}.bee-label span{font-family:Space Grotesk,sans-serif;font-weight:800}.bee-label small{color:#6f6f67;letter-spacing:.15em;font-size:9px}.energy-ring{border:1px solid #f5c4001f;border-radius:50%;animation:18s linear infinite ohmbee-rotate;position:absolute}.ring-one{width:550px;height:550px}.ring-two{width:680px;height:680px;animation-duration:28s;animation-direction:reverse}@keyframes ohmbee-rotate{to{transform:rotate(360deg)}}.section{width:min(var(--ohmbee-max-width), calc(100% - 40px));margin:150px auto}.section-number{color:#5f5f58;letter-spacing:.18em;font-size:10px;font-weight:800}.section-heading{max-width:850px;margin-top:25px}.section-heading h2,.scanner-header h2,.roadmap h2,.community h2{letter-spacing:-.055em;font-family:Space Grotesk,sans-serif;font-size:clamp(40px,5vw,70px);line-height:1}.section-heading p{max-width:620px;color:var(--ohmbee-muted);margin-top:25px;line-height:1.75}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px;display:grid}.feature-card{border-radius:var(--ohmbee-radius);background:linear-gradient(145deg,#ffffff09,#ffffff03);border:1px solid #ffffff12;min-height:300px;padding:30px;transition:all .3s}.feature-card:hover{border-color:#f5c40040;transform:translateY(-8px);box-shadow:0 25px 70px #0006,0 0 40px #f5c40009}.feature-icon{color:var(--ohmbee-yellow);font-size:28px}.feature-card h3{margin-top:75px;font-family:Space Grotesk,sans-serif;font-size:24px}.feature-card p{color:var(--ohmbee-muted);margin-top:14px;font-size:14px;line-height:1.7}.scanner-section{background:radial-gradient(circle at 80% 20%,#f5c40012,#0000 35%),#090908;border:1px solid #ffffff12;border-radius:32px;padding:70px}.scanner-header{justify-content:space-between;align-items:flex-end;margin-top:20px;display:flex}.live-indicator{color:#74746d;letter-spacing:.12em;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.scanner-box{background:#00000059;border:1px solid #ffffff12;border-radius:20px;margin-top:45px;padding:20px}.scanner-input-row{gap:10px;display:flex}.scanner-input-row input{color:#fff;background:#0d0d0b;border:1px solid #ffffff14;border-radius:12px;outline:none;flex:1;height:58px;padding:0 18px;font-family:inherit}.scanner-input-row input:focus{border-color:#f5c40059}.scanner-input-row button{color:#090909;background:var(--ohmbee-yellow);cursor:pointer;border:0;border-radius:12px;padding:0 28px;font-weight:900}.quick-scan{align-items:center;gap:8px;margin-top:15px;display:flex}.quick-scan span{color:#55554f;margin-right:5px;font-size:9px;font-weight:800}.quick-scan button{color:#999990;cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:7px;padding:7px 12px}.token-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px;display:grid}.token-card{background:var(--ohmbee-panel);border:1px solid #ffffff12;border-radius:22px;padding:30px}.token-card strong{margin-top:18px;font-family:Space Grotesk,sans-serif;font-size:38px;display:block}.token-card span{color:#55554e;margin-top:8px;font-size:11px;display:block}.token-card.highlight{background:radial-gradient(circle at 80% 20%, #f5c40014, transparent 45%), var(--ohmbee-panel);border-color:#f5c40033}.roadmap h2{margin-top:20px}.timeline{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:70px;display:grid;position:relative}.timeline:before{content:"";background:#f5c40021;height:1px;position:absolute;top:22px;left:0;right:0}.phase{padding-top:65px;position:relative}.phase-marker{background:#0a0a08;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:45px;height:45px;font-size:11px;font-weight:800;display:grid;position:absolute;top:0}.phase.active .phase-marker{color:#090909;background:var(--ohmbee-yellow);border-color:var(--ohmbee-yellow);box-shadow:0 0 30px #f5c40033}.phase small{color:#66665f;letter-spacing:.14em;font-size:9px;font-weight:800}.phase h3{margin-top:10px;font-family:Space Grotesk,sans-serif;font-size:25px}.phase ul{color:var(--ohmbee-muted);margin-top:20px;padding-left:17px;font-size:13px;line-height:2}.hive-feed-container{justify-content:center;margin-top:50px;display:flex;overflow-x:hidden}.community{width:min(var(--ohmbee-max-width), calc(100% - 40px));text-align:center;background:radial-gradient(circle at 50% 0,#f5c4001f,#0000 45%),#090908;border:1px solid #f5c40024;border-radius:32px;margin:180px auto 80px;padding:100px 40px;position:relative;overflow:hidden}.community h2{max-width:750px;margin:20px auto 0}.community p{max-width:540px;color:var(--ohmbee-muted);margin:25px auto 0;line-height:1.7}.community .hero-actions{justify-content:center}footer{width:min(var(--ohmbee-max-width), calc(100% - 40px));border-top:1px solid #ffffff0f;margin:auto;padding:50px 0 35px}footer strong{letter-spacing:.08em;font-family:Space Grotesk,sans-serif}footer p{color:#55554e;max-width:600px;margin-top:15px;font-size:11px;line-height:1.7}footer span{color:#33332f;letter-spacing:.12em;margin-top:35px;font-size:9px;display:block}@media (width<=800px){.navbar{width:calc(100% - 24px)}.navbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero h1{font-size:65px}.hero-visual{min-height:420px}.bee-card{width:330px}.ring-one{width:380px;height:380px}.ring-two{width:450px;height:450px}.hero-stats{gap:25px}.feature-grid,.token-grid,.timeline{grid-template-columns:1fr}.scanner-section{padding:30px 20px}.scanner-header{display:block}.live-indicator{margin-top:20px}.scanner-input-row{flex-direction:column}.scanner-input-row button{height:55px}.timeline:before{display:none}.community{padding:70px 20px}}
