:root{--bg:#05070b;--panel:#0d1118;--green:#86ff00;--yellow:#ffe500;--white:#f7f8fa;--muted:#aab2bf;--blue:#245cff;--pink:#ff27c2;--border:rgba(255,255,255,.12);--shadow:0 20px 60px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0%,#101d4d 0,transparent 35%),var(--bg);color:var(--white);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.container{width:min(1160px,92%);margin:auto}.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(5,7,11,.75);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:900;font-size:24px;letter-spacing:-1px}.brand span span{color:var(--green)}.brand-mark{font-size:28px}.nav-links{display:flex;gap:28px}.nav-links a,.footer-links a{color:#cbd0d8;text-decoration:none;font-weight:700;font-size:14px}.nav-links a:hover,.footer-links a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:10px;text-decoration:none;font-weight:900;letter-spacing:.3px;border:1px solid transparent;cursor:pointer}.btn-small{min-height:40px;padding:0 16px;font-size:13px}.btn-green{background:var(--green);color:#061000;box-shadow:0 0 30px rgba(134,255,0,.18)}.btn-green:hover{transform:translateY(-2px);box-shadow:0 0 38px rgba(134,255,0,.35)}.btn-outline{border-color:#fff;color:#fff;background:rgba(255,255,255,.04)}.btn-outline:hover{border-color:var(--green);color:var(--green)}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:50px;padding:70px 0 80px;position:relative}.eyebrow,.section-tag{color:var(--green);font-weight:900;letter-spacing:2px;font-size:12px}.eyebrow span{color:var(--yellow)}h1,h2,h3,.brand{font-family:Bangers,Impact,sans-serif}h1{font-size:clamp(80px,11vw,150px);line-height:.82;margin:18px 0 25px;letter-spacing:2px;text-shadow:8px 8px 0 rgba(134,255,0,.13)}h1 em{font-style:normal;color:var(--green)}.hero-lead{font-size:20px;line-height:1.65;color:#c6ccd6;max-width:620px}.hero-lead strong{color:#fff}.hero-actions{display:flex;gap:12px;margin:30px 0 18px;flex-wrap:wrap}.contract-box{display:flex;align-items:center;gap:10px;max-width:680px;background:#0a0d12;border:1px solid var(--border);padding:10px;border-radius:12px}.contract-box span{background:var(--yellow);color:#080a0d;font-weight:900;padding:8px;border-radius:7px}.contract-box code{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd2dd;flex:1}.contract-box button,.ca-panel button{border:0;background:#202832;color:#fff;font-weight:900;border-radius:7px;padding:9px 11px;cursor:pointer}.copy-status{height:16px;margin:5px 0 0;color:var(--green);font-size:12px}.hero-art{position:relative;display:flex;justify-content:center}.poster-frame{width:min(520px,100%);border:3px solid #1c2735;border-radius:22px;overflow:hidden;box-shadow:var(--shadow),0 0 70px rgba(36,92,255,.2);transform:rotate(2deg);background:#111}.poster-frame img{width:100%;display:block}.sticker{position:absolute;bottom:-20px;left:-15px;background:var(--green);color:#071000;padding:15px 18px;font-family:Bangers,sans-serif;font-size:34px;line-height:.8;transform:rotate(-8deg);box-shadow:8px 8px 0 #0b0e13}.sticker small{font-family:Inter,sans-serif;font-size:9px;font-weight:900;letter-spacing:1px}.burst{position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(45px);opacity:.3}.burst-1{background:#1749ff;right:-10%;top:5%}.burst-2{background:#ff25c6;left:0;bottom:10%}.ticker{overflow:hidden;background:var(--green);color:#071000;border-block:3px solid #071000;transform:rotate(-1deg);width:105%;margin-left:-2.5%}.ticker-track{display:flex;gap:25px;white-space:nowrap;padding:13px 0;font-weight:900;animation:marquee 28s linear infinite}.ticker b{color:#111}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:115px 0}.section h2{font-size:clamp(54px,7vw,92px);line-height:.9;margin:16px 0 25px}.section h2 span,.community h2 span{color:var(--green)}.story-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.story p{color:#b8c0cb;font-size:17px;line-height:1.8}.story strong{color:#fff}.story-card{position:relative}.story-card img{width:100%;display:block;border-radius:20px;border:2px solid #273445;box-shadow:var(--shadow)}.card-caption{background:var(--green);color:#071000;font-weight:900;padding:13px;text-align:center;border-radius:0 0 14px 14px;margin-top:-3px;position:relative}.values{background:#090d13;border-block:1px solid var(--border)}.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px}.values article{padding:45px 22px;text-align:center;border-right:1px solid var(--border)}.values article:last-child{border-right:0}.icon{font-size:35px}.values h3{font-size:25px;margin:12px 0 8px}.values p{color:#9ea8b6;font-size:13px;line-height:1.5;margin:0}.section-intro{color:#aeb7c4;max-width:650px;line-height:1.7}.token-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.token-card{background:linear-gradient(145deg,#111720,#090c11);border:1px solid var(--border);border-radius:16px;padding:24px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.token-card.highlight{border-color:var(--green);box-shadow:0 0 30px rgba(134,255,0,.08)}.token-card small{color:#8893a2;font-weight:800}.token-card strong{font-family:Bangers,sans-serif;font-size:34px;letter-spacing:1px}.token-card span{font-size:12px;color:#929cab}.ca-panel{margin-top:18px;background:#0a0e14;border:1px dashed #344153;border-radius:16px;padding:18px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.ca-panel span{font-size:11px;color:var(--green);font-weight:900}.ca-panel code{font-size:13px;color:#cdd4df;flex:1;word-break:break-all}.roadmap{padding-top:60px}.roadmap-line{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.roadmap-line article{border-top:4px solid var(--green);padding-top:20px}.phase{font-family:Bangers;font-size:45px;color:var(--yellow)}.roadmap h3{font-size:30px;margin:8px 0}.roadmap p{color:#aeb7c4;line-height:1.7;font-size:14px}.community{background:radial-gradient(circle at 20% 50%,rgba(134,255,0,.1),transparent 30%),linear-gradient(120deg,#07100a,#070a0f);border-top:1px solid var(--border)}.community-inner{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:center;padding:100px 0}.community h2{font-size:clamp(65px,8vw,110px);line-height:.82;margin:15px 0 25px}.community p{color:#b8c0cb;max-width:580px;line-height:1.7}.socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.social{padding:14px 18px;border-radius:12px;text-decoration:none;color:#fff;border:1px solid var(--border);background:#10151d;font-weight:900}.social span{font-weight:600;color:#aeb7c4;margin-left:8px}.social:hover{border-color:var(--green)}.final-art img{width:100%;border-radius:22px;border:2px solid #263445;box-shadow:var(--shadow)}footer{background:#030508;border-top:1px solid var(--border);padding:35px 0}.footer-inner{display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer-brand{font-family:Bangers;font-size:28px}.footer-brand span{color:var(--green);font-family:Inter;font-size:12px}.footer-inner p{color:#737e8d;font-size:11px;max-width:560px;line-height:1.6;margin:0}.footer-links{display:flex;gap:16px}
@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{order:-1}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.contract-box{margin-inline:auto}.story-grid,.community-inner{grid-template-columns:1fr}.token-grid{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:1fr 1fr}.values article:nth-child(2n){border-right:0}.roadmap-line{grid-template-columns:1fr 1fr}.final-art{max-width:600px}.sticker{left:2%}}
@media(max-width:560px){.nav{height:64px}.brand{font-size:21px}.nav .btn{display:none}.hero{min-height:auto;padding:45px 0 65px}.poster-frame{transform:none}.sticker{font-size:25px;bottom:-12px}.hero h1{font-size:76px}.hero-lead{font-size:16px}.contract-box code{font-size:10px}.section{padding:80px 0}.story-grid{gap:35px}.token-grid,.roadmap-line,.values-grid{grid-template-columns:1fr}.values article{border-right:0;border-bottom:1px solid var(--border)}.values article:last-child{border-bottom:0}.community-inner{padding:75px 0}.social{width:100%;text-align:center}.footer-inner{align-items:flex-start;flex-direction:column}}

/* ROCKDOG V2 additions */
.top-glow{position:fixed;inset:-40vh -20vw auto;height:70vh;background:radial-gradient(circle,rgba(119,255,0,.13),transparent 55%);pointer-events:none;z-index:-1}
.brand-logo{width:58px;height:58px;object-fit:cover;object-position:center top;border-radius:14px;border:1px solid rgba(127,255,0,.45);background:#05060a}
.brand-type{font-family:Bangers,cursive;color:#b6ff00;font-size:1.35rem;letter-spacing:.08em}
.mission-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}
.mission-punch{position:relative;padding:40px;border:1px solid rgba(182,255,0,.45);border-radius:28px;background:linear-gradient(135deg,rgba(127,255,0,.14),rgba(20,21,34,.88));overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.25)}
.mission-punch:after{content:"🎸";position:absolute;right:20px;bottom:-20px;font-size:9rem;opacity:.08;transform:rotate(-18deg)}
.quote-mark{font-family:Bangers;font-size:6rem;line-height:.5;color:#b6ff00}
.mission-punch p{font-family:Bangers;font-size:2.2rem;line-height:1.05;max-width:500px;position:relative;z-index:1}
.mission-punch span{font-size:.75rem;letter-spacing:.16em;color:#c9ccd7;font-weight:800}
.mission-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.mission-cards article{padding:26px;border-radius:20px;background:#10121d;border:1px solid rgba(255,255,255,.09)}
.mission-cards span{font-family:Bangers;color:#b6ff00;font-size:1.8rem}.mission-cards h3{margin:8px 0}.mission-cards p{color:#aeb2c0;margin:0;line-height:1.55}
.story-end{padding:20px;border-left:4px solid #b6ff00;background:rgba(182,255,0,.07);font-size:1.08rem}
.supply-visual{margin:32px 0;padding:36px;border-radius:28px;background:linear-gradient(120deg,#111421,#080a10);border:1px solid rgba(182,255,0,.35);text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.28)}
.supply-number{font-family:Bangers;font-size:clamp(4rem,10vw,8rem);line-height:.9;color:#fff;text-shadow:5px 5px 0 #78ff00;letter-spacing:.03em}.supply-label{font-weight:900;letter-spacing:.2em;color:#b6ff00;margin-top:12px}.supply-bar{height:16px;background:#1c2030;border-radius:100px;margin:26px auto 12px;max-width:800px;overflow:hidden}.supply-bar span{display:block;height:100%;background:linear-gradient(90deg,#78ff00,#d8ff00,#00e5ff);border-radius:100px}.supply-foot{display:flex;justify-content:space-between;max-width:800px;margin:auto;color:#aeb2c0;font-size:.85rem}.supply-foot strong{color:#b6ff00}
.utility-panel{margin-top:28px;padding:38px;border-radius:28px;background:linear-gradient(135deg,rgba(16,18,29,.98),rgba(31,16,45,.95));border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.utility-panel:before{content:"ROCKDOG";position:absolute;right:-40px;top:15px;font-family:Bangers;font-size:8rem;opacity:.035;transform:rotate(8deg)}.utility-panel h3{font-family:Bangers;font-size:2.7rem;line-height:1;margin:8px 0 15px}.utility-panel h3 span{color:#b6ff00}.utility-panel>p{max-width:820px;color:#b8bdca;line-height:1.7}.utility-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.utility-list div{display:flex;gap:14px;padding:18px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.utility-list b{font-size:1.5rem}.utility-list span{color:#b8bdca;line-height:1.5}.utility-list strong{color:#fff}
.roadmap-note{text-align:center;color:#777d8d;font-size:.78rem;margin-top:24px}
.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:34px;height:34px;object-fit:cover;border-radius:8px}.footer-brand span{color:#b6ff00}
@media(max-width:800px){.mission-grid,.mission-cards,.utility-list{grid-template-columns:1fr}.mission-punch{padding:28px}.supply-foot{flex-direction:column;gap:7px}.brand-logo{width:48px;height:48px}.brand-type{display:none}}
