:root{--black:#050705;--deep:#0b120b;--green:#7cff00;--lime:#a8ff3e;--white:#fff;--muted:#a2aba1;--line:rgba(124,255,0,.19);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}body.loading{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--green);color:#000}#ambientCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.42;pointer-events:none}.scanline{position:fixed;left:0;top:-20%;width:100%;height:8%;background:linear-gradient(transparent,rgba(124,255,0,.035),transparent);z-index:20;pointer-events:none;animation:scan 8s linear infinite}@keyframes scan{to{transform:translateY(1500%)}}
.loader{position:fixed;inset:0;background:#020302;z-index:1000;display:grid;place-content:center;justify-items:center;transition:opacity .45s ease,visibility .45s}.loader.done{opacity:0;visibility:hidden}.loader canvas{position:absolute;inset:0;width:100%;height:100%}.loader-logo{width:145px;height:145px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 26px rgba(124,255,0,.5));animation:logoIn .8s ease both}.loader-word{position:relative;margin:15px 0 12px;font:900 34px/1 Impact,Arial Black,sans-serif;letter-spacing:-1px;opacity:0;animation:wordIn .7s .35s ease forwards}.loader-word span,.brand b{color:var(--green)}.loader-line{width:210px;height:2px;background:#142014;overflow:hidden}.loader-line i{display:block;width:100%;height:100%;background:var(--green);transform:translateX(-100%);animation:loadLine 1.35s ease forwards}@keyframes logoIn{from{opacity:0;transform:scale(.7) rotate(-8deg)}}@keyframes wordIn{to{opacity:1;text-shadow:0 0 20px rgba(124,255,0,.5)}}@keyframes loadLine{to{transform:none}}
.site-header{position:fixed;top:0;left:0;width:100%;height:82px;z-index:100;display:flex;align-items:center;padding:0 max(28px,calc((100vw - var(--max))/2));gap:40px;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{height:70px;background:rgba(5,7,5,.86);border-color:var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font:900 21px/1 Impact,Arial Black,sans-serif;letter-spacing:.4px;white-space:nowrap}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--green)}.nav{display:flex;align-items:center;gap:30px;margin:auto}.nav a{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#c9cec8;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--green);transition:.25s}.nav a:hover{color:#fff}.nav a:hover:after{width:100%}.button{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--green);color:#060806;border:1px solid var(--green);font:900 13px/1 Arial,sans-serif;letter-spacing:1px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:.25s}.button:hover{background:var(--lime);box-shadow:0 0 28px rgba(124,255,0,.42);transform:translateY(-2px)}.button-ghost{background:rgba(5,7,5,.56);color:#fff;border-color:rgba(255,255,255,.32)}.button-ghost:hover{background:#fff;color:#050705;box-shadow:none}.menu-toggle{display:none}
.hero{min-height:800px;height:100svh;position:relative;display:grid;grid-template-columns:minmax(340px,.92fr) minmax(480px,1.08fr);align-items:center;gap:3%;padding:110px max(28px,calc((100vw - var(--max))/2)) 70px;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 12% 48%,rgba(124,255,0,.15),transparent 31%),linear-gradient(110deg,rgba(2,4,2,.1),#050705 71%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#050705);z-index:-1}.city{position:absolute;inset:25% 0 0;z-index:-4;opacity:.48;background:linear-gradient(90deg,transparent 1%,#071007 1% 7%,transparent 7% 9%,#0c180c 9% 15%,transparent 15% 18%,#081208 18% 24%,transparent 24% 31%,#0c170c 31% 37%,transparent 37% 42%,#071007 42% 50%,transparent 50% 58%,#0d1b0d 58% 67%,transparent 67% 72%,#071007 72% 79%,transparent 79% 84%,#0e1a0e 84% 93%,transparent 93%),repeating-linear-gradient(0deg,transparent 0 25px,rgba(124,255,0,.2) 26px 28px)}.city:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(124,255,0,.22) 39px 42px,transparent 43px 67px)}.moon{position:absolute;right:6%;top:14%;width:190px;height:190px;border-radius:50%;z-index:-3;background:radial-gradient(circle at 35% 35%,#ddffb5 0,#9fff42 22%,#5fad1b 57%,#1c3d12 100%);box-shadow:0 0 45px rgba(124,255,0,.5),0 0 120px rgba(124,255,0,.22);opacity:.78}.moon i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(5,7,5,.25) 0 8%,transparent 9%),radial-gradient(circle at 65% 40%,rgba(5,7,5,.28) 0 12%,transparent 13%),radial-gradient(circle at 45% 72%,rgba(5,7,5,.18) 0 15%,transparent 16%)}.raven-flock span{position:absolute;z-index:-2;font:80px serif;color:#030503;transform:rotate(10deg)}.raven-flock span:nth-child(1){right:19%;top:15%;font-size:55px}.raven-flock span:nth-child(2){right:4%;top:28%;font-size:38px}.raven-flock span:nth-child(3){right:30%;top:8%;font-size:28px}.chart-wrap{position:absolute;right:0;bottom:10%;width:53%;height:62%;z-index:-1;opacity:.68;filter:drop-shadow(0 0 8px rgba(124,255,0,.45))}.chart-wrap canvas{width:100%;height:100%}.hero-art{position:relative;align-self:end;height:min(72vh,680px);display:flex;align-items:flex-end;justify-content:center}.hero-art img{position:relative;width:min(100%,610px);max-height:100%;object-fit:contain;filter:drop-shadow(0 22px 40px #000);border-radius:50%;mask-image:linear-gradient(to bottom,#000 0 80%,transparent 100%)}.art-halo{position:absolute;width:82%;aspect-ratio:1;border:1px solid rgba(124,255,0,.35);border-radius:50%;bottom:4%;box-shadow:0 0 80px rgba(124,255,0,.15),inset 0 0 55px rgba(124,255,0,.1)}.hero-copy{position:relative;z-index:2;max-width:710px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2.7px;color:var(--lime);display:flex;align-items:center;gap:12px}.eyebrow span{width:34px;height:2px;background:var(--green);box-shadow:0 0 8px var(--green)}h1,.section-title,.contract h2{font-family:Impact,Arial Black,sans-serif;font-style:italic;letter-spacing:-3px;text-transform:uppercase}.hero h1{font-size:clamp(75px,8.5vw,136px);line-height:.78;margin:35px 0 24px;transform:skew(-4deg);text-shadow:8px 8px 0 #101610}.hero h1 span{display:block;color:var(--green);text-shadow:8px 8px 0 #16210d,0 0 45px rgba(124,255,0,.3)}.hero h2{font-size:clamp(17px,1.8vw,25px);letter-spacing:8px;margin:0 0 24px;color:#d7ddd5}.lead{font-size:clamp(15px,1.3vw,18px);line-height:1.75;color:#abb3a9;max-width:600px}.hero-actions{display:flex;gap:14px;margin-top:34px}.hero-proof{display:flex;gap:26px;margin-top:28px;font-size:9px;font-weight:900;letter-spacing:1.3px;color:#7e887d}.scroll-cue{position:absolute;bottom:28px;right:max(28px,calc((100vw - var(--max))/2));font-size:9px;font-weight:800;letter-spacing:2px;color:#8a9389;display:flex;align-items:center;gap:10px}.scroll-cue i{height:34px;width:1px;background:linear-gradient(var(--green),transparent)}
.ticker{background:var(--green);color:#050705;overflow:hidden;transform:rotate(-1deg) scale(1.02);position:relative;z-index:5}.ticker div{font:900 22px/52px Impact,Arial Black,sans-serif;letter-spacing:1px;white-space:nowrap;width:max-content;animation:ticker 25s linear infinite}.ticker span{padding:0 22px}@keyframes ticker{to{transform:translateX(-50%)}}
.section{position:relative;max-width:var(--max);margin:auto;padding:140px 28px}.section-number{position:absolute;top:48px;right:28px;font-size:9px;font-weight:800;letter-spacing:2px;color:#596258}.section-title{font-size:clamp(52px,7vw,96px);line-height:.9;margin:20px 0}.section-title em,.contract h2 em{font-style:inherit;color:var(--green)}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;min-height:800px}.about-copy>p:last-child{font-size:18px;line-height:1.8;color:#a8b0a6;max-width:580px}.about-visual{position:relative;display:grid;place-items:center;min-height:530px;background:radial-gradient(circle,rgba(124,255,0,.16),transparent 64%)}.about-visual img{width:min(88%,430px);border-radius:50%;filter:drop-shadow(0 0 25px rgba(124,255,0,.3))}.orbit{position:absolute;border:1px solid rgba(124,255,0,.25);border-radius:50%;animation:orbit 18s linear infinite}.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);top:15%;left:10%}.orbit-a{width:88%;aspect-ratio:1}.orbit-b{width:68%;aspect-ratio:1;animation-direction:reverse;animation-duration:12s}@keyframes orbit{to{transform:rotate(360deg)}}.visual-tag{position:absolute;padding:10px 14px;border:1px solid var(--line);background:#071007;font-size:9px;font-weight:900;letter-spacing:2px}.tag-a{top:18%;right:0}.tag-b{left:2%;bottom:16%}
.tokenomics{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2));background:linear-gradient(rgba(8,13,8,.94),rgba(5,7,5,.98)),url('HoodRaven-banner-1500x500.png') center/cover;border-block:1px solid rgba(124,255,0,.1)}.section-head{text-align:center}.section-head .eyebrow{justify-content:center}.token-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:70px}.token-card{position:relative;min-height:270px;padding:30px 24px;background:linear-gradient(145deg,rgba(17,27,17,.9),rgba(5,8,5,.92));border:1px solid rgba(124,255,0,.16);overflow:hidden;transition:.35s}.token-card:before{content:"";position:absolute;inset:auto -30% -70% 10%;height:140%;background:radial-gradient(circle,rgba(124,255,0,.15),transparent 60%);transition:.35s}.token-card:hover{transform:translateY(-8px);border-color:var(--green);box-shadow:0 15px 50px rgba(124,255,0,.12)}.token-card small{color:var(--green);font-weight:900}.token-card p{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:#9ca59a;margin-top:65px}.token-card strong{display:block;font:italic 900 clamp(30px,3vw,46px)/1 Impact,Arial Black,sans-serif;color:#fff;word-break:break-word}.token-card b{display:block;color:var(--green);font-size:9px;letter-spacing:1.5px;margin-top:12px}
.steps{margin-top:70px;border-top:1px solid #283028}.step{min-height:155px;display:grid;grid-template-columns:120px 1fr auto;gap:28px;align-items:center;border-bottom:1px solid #283028;transition:.3s}.step:hover{padding-left:16px;background:linear-gradient(90deg,rgba(124,255,0,.06),transparent)}.step-no{font:italic 900 54px/1 Impact,Arial Black,sans-serif;color:transparent;-webkit-text-stroke:1px var(--green)}.step h3{font:italic 900 35px/1 Impact,Arial Black,sans-serif;margin:0 0 12px}.step p{margin:0;color:#8d978b}.step>span{color:var(--green);font-size:28px}.step>a{border-bottom:1px solid var(--green);padding:12px 2px;font-size:12px;font-weight:900;color:var(--green)}
.contract{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2));background:radial-gradient(circle at 80%,rgba(124,255,0,.11),transparent 30%)}.contract-panel{position:relative;overflow:hidden;border:1px solid rgba(124,255,0,.35);padding:70px;background:linear-gradient(120deg,#0d150d,#050705);box-shadow:inset 0 0 70px rgba(124,255,0,.04)}.contract-panel>img{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:420px;opacity:.16;filter:grayscale(1)}.contract h2{position:relative;font-size:clamp(48px,6vw,82px);line-height:.95;margin:25px 0 45px}.ca-box{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:#030503;border:1px solid #293329;max-width:900px;padding:10px 10px 10px 20px}.ca-box span{font-size:12px;font-weight:900;color:var(--green)}.ca-box code{font-family:monospace;font-size:14px;color:#d8ddd7;white-space:nowrap;overflow:auto;padding:8px 0}.ca-box button{height:46px;min-width:100px;background:var(--green);border:0;font-size:11px;font-weight:900;cursor:pointer}.ca-box button:hover{background:var(--lime)}.copy-status{height:16px;margin:12px 0 0;font-size:10px;color:var(--green);letter-spacing:1px}
footer{min-height:250px;padding:55px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;border-top:1px solid #1c251c;background:#030403}.footer-brand img{width:55px;height:55px}.footer-brand span{font-size:27px}footer>p{font-size:10px;letter-spacing:3px;color:#727d71;text-align:right}.socials{display:flex;gap:24px;flex-wrap:wrap}.socials a{font-size:11px;font-weight:900;letter-spacing:1px}.socials a:hover{color:var(--green)}footer small{text-align:right;color:#5d675c;font-size:10px}.feather{position:fixed;top:-80px;z-index:15;width:5px;height:38px;border-radius:70% 0;background:linear-gradient(90deg,transparent,#7cff00);opacity:.2;pointer-events:none;animation:featherFall linear infinite}@keyframes featherFall{to{transform:translate3d(var(--drift),110vh,0) rotate(540deg)}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:70px;padding:0 20px}.header-buy{display:none}.menu-toggle{display:flex;margin-left:auto;width:44px;height:42px;background:transparent;border:1px solid #334033;align-items:center;justify-content:center;flex-direction:column;gap:7px}.menu-toggle i{width:20px;height:2px;background:var(--green);transition:.25s}.menu-toggle.active i:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle.active i:last-child{transform:translateY(-4.5px) rotate(-45deg)}.nav{position:absolute;left:0;top:70px;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 22px;background:rgba(5,7,5,.98);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s}.nav.open{opacity:1;visibility:visible;transform:none}.nav a{padding:15px 5px;border-bottom:1px solid #192119}.hero{height:auto;min-height:900px;grid-template-columns:1fr;padding:120px 24px 80px;text-align:center}.hero-copy{grid-row:1;margin:auto}.hero .eyebrow{justify-content:center}.hero h1{font-size:clamp(64px,17vw,110px);margin-top:28px}.lead{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-art{height:420px;margin-top:-40px}.hero-art img{width:430px}.moon{width:140px;height:140px;top:52%;right:8%}.chart-wrap{width:100%;height:40%;bottom:0}.scroll-cue{display:none}.about{grid-template-columns:1fr;text-align:center}.about-copy .eyebrow{justify-content:center}.about-copy>p:last-child{margin-inline:auto}.about-visual{min-height:450px}.token-grid{grid-template-columns:repeat(2,1fr)}.contract-panel{padding:50px 30px}.contract-panel>img{right:-20%}.ca-box{grid-template-columns:auto 1fr}.ca-box button{grid-column:1/-1}.ca-box code{font-size:12px}footer{grid-template-columns:1fr;text-align:center;justify-items:center}footer>p,footer small{text-align:center}}
@media(max-width:560px){.brand span{font-size:18px}.hero{min-height:850px;padding-inline:18px}.hero h1{font-size:18vw;letter-spacing:-2px}.hero h2{font-size:13px;letter-spacing:5px}.lead br{display:none}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-proof{gap:12px;flex-wrap:wrap}.hero-art{height:340px}.section{padding:110px 20px}.section-number{top:34px;right:20px}.section-title{font-size:50px}.about{gap:0}.about-visual{min-height:370px}.tokenomics,.contract{padding-left:20px;padding-right:20px}.token-grid{grid-template-columns:1fr}.token-card{min-height:220px}.token-card p{margin-top:40px}.step{grid-template-columns:70px 1fr;gap:15px;padding:28px 0}.step>span,.step>a{grid-column:2}.step-no{font-size:42px}.step h3{font-size:28px}.contract-panel{padding:42px 18px}.contract h2{font-size:43px;letter-spacing:-2px}.ca-box{display:flex;flex-wrap:wrap;padding:12px}.ca-box code{order:2;width:100%;font-size:10px}.ca-box button{order:3;width:100%}.socials{justify-content:center}.ticker div{font-size:18px;line-height:46px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loader{display:none}.reveal{opacity:1;transform:none}}