@import "tailwindcss";

:root { --lime:#7dff00; --yellow:#ffd400; --ink:#050705; --paper:#f1f0e8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.shell { width:min(1180px, calc(100% - 40px)); margin-inline:auto; }
.grain { position:fixed; inset:0; z-index:20; opacity:.06; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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)' opacity='.55'/%3E%3C/svg%3E"); }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ffffff20; position:relative; z-index:5; }
.brand { display:flex; align-items:center; gap:11px; font-weight:950; font-style:italic; letter-spacing:-1px; }
.brand img { width:38px; height:38px; object-fit:cover; border-radius:8px; }
.nav nav { display:flex; gap:36px; font:700 12px/1 Arial; letter-spacing:1.5px; color:#aaa; }
.nav nav a:hover { color:var(--lime); }
.mini-cta { border:1px solid var(--lime); color:var(--lime); padding:12px 16px; font-size:11px; font-weight:900; letter-spacing:1px; transform:skew(-5deg); }
.hero { min-height:690px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; position:relative; }
.hero-copy { position:relative; z-index:2; padding:80px 0; }
.eyebrow,.section-tag { color:var(--lime); letter-spacing:2.5px; font-size:11px; font-weight:900; }
.eyebrow span { width:26px; height:2px; display:inline-block; background:var(--lime); vertical-align:middle; margin-right:10px; }
h1 { font-size:clamp(76px, 10vw, 142px); line-height:.78; letter-spacing:-8px; margin:34px 0 26px; font-weight:1000; font-style:italic; transform:skew(-3deg); }
h1 span,h2 span { color:var(--lime); }
.ticker-line { display:flex; align-items:center; gap:15px; }
.ticker-line b { font-size:34px; color:var(--yellow); font-style:italic; letter-spacing:-1px; }
.ticker-line small { font-size:11px; font-weight:900; letter-spacing:2px; color:#a7a7a7; }
.live-dot,.pulse { width:7px; height:7px; background:var(--lime); border-radius:50%; box-shadow:0 0 14px var(--lime); animation:pulse 1.4s infinite; }
.hero-copy>p { max-width:560px; color:#aaa; font-size:17px; line-height:1.65; margin:28px 0 34px; }
.hero-actions { display:flex; gap:12px; }
.hero-actions a { padding:17px 22px; font-size:12px; font-weight:950; letter-spacing:1.4px; display:flex; align-items:center; gap:25px; }
.primary { background:var(--lime); color:#081003; clip-path:polygon(0 0,94% 0,100% 30%,100% 100%,6% 100%,0 70%); }
.secondary { border:1px solid #ffffff35; }
.chain-strip { margin-top:44px; display:flex; flex-wrap:wrap; gap:23px; font-size:9px; color:#6f736f; letter-spacing:1.2px; font-weight:800; }
.cat-stage { min-height:620px; display:grid; place-items:center; position:relative; }
.cat-stage>img { position:relative; width:min(510px, 48vw); border-radius:42px; z-index:2; filter:drop-shadow(0 0 70px #6cff0038); animation:float 5s ease-in-out infinite; }
.cat-stage:after { content:""; position:absolute; inset:12% -15% 7% 4%; background:radial-gradient(circle,#54ff0033 0,transparent 62%); filter:blur(14px); }
.orbit { position:absolute; border:1px solid #72ff0030; border-radius:50%; animation:spin 18s linear infinite; }
.orbit-one { width:490px; height:490px; }
.orbit-two { width:580px; height:580px; animation-direction:reverse; animation-duration:24s; }
.orbit i { position:absolute; top:-15px; left:50%; width:31px; height:31px; display:grid; place-items:center; background:#0c1609; border:1px solid var(--lime); color:var(--lime); border-radius:50%; font-style:normal; font-weight:bold; }
.chart-grid { position:absolute; inset:18% -10% 15% 15%; display:flex; align-items:flex-end; gap:18px; opacity:.18; border-bottom:1px solid var(--lime); background:linear-gradient(#7dff0010 1px,transparent 1px),linear-gradient(90deg,#7dff0010 1px,transparent 1px); background-size:28px 28px; }
.chart-grid span { width:8px; background:var(--lime); box-shadow:0 0 10px var(--lime); animation:bars 2.5s ease-in-out infinite alternate; }
.price-card { position:absolute; right:-35px; bottom:105px; z-index:3; padding:15px 18px; width:160px; background:#071006db; border:1px solid #7dff0066; backdrop-filter:blur(10px); transform:rotate(-3deg); }
.price-card span { display:block; font-size:8px; color:#858f82; letter-spacing:1px; }.price-card b { display:block; font-size:16px; margin:6px 0; }.price-card em { color:var(--lime); font-size:12px; font-style:normal; }
.marquee { background:var(--lime); color:#071003; overflow:hidden; transform:rotate(-1deg) scale(1.02); }
.marquee div { white-space:nowrap; padding:15px 0; font-size:17px; font-weight:1000; letter-spacing:1px; animation:marquee 18s linear infinite; }.marquee b{margin:0 28px;}
.about { padding:145px 0 130px; display:grid; grid-template-columns:.38fr 1.25fr .45fr; gap:35px; align-items:start; }
h2 { margin:0; font-size:clamp(42px,6vw,78px); line-height:.93; letter-spacing:-4px; font-style:italic; font-weight:1000; }
.about>div:nth-child(2)>p { color:#9a9d98; line-height:1.7; max-width:630px; margin-top:28px; }
.stat-stack div { border-top:1px solid #ffffff22; padding:18px 0; display:flex; justify-content:space-between; align-items:end; }.stat-stack strong{font-size:39px;color:var(--yellow);font-style:italic}.stat-stack span{font-size:9px;line-height:1.5;color:#999;text-align:right;letter-spacing:1px;}
.token { padding:100px 0; border-top:1px solid #ffffff18; }
.token-head { display:grid; grid-template-columns:.45fr 1fr; margin-bottom:50px; }
.ca-card { background:#0b100b; border:1px solid #7dff0045; padding:30px; box-shadow:inset 0 0 40px #7dff0008; }
.ca-label { display:flex; align-items:center; gap:12px; font-size:10px; letter-spacing:1.5px; font-weight:900; color:var(--lime); }.ca-label em{margin-left:auto;color:#706e47;font-style:normal;font-size:8px;}
.ca-row { margin:22px 0; display:flex; gap:14px; }.ca-row code{min-width:0;flex:1;padding:19px;background:#050805;border:1px solid #ffffff14;color:#e9e9dd;font-size:clamp(11px,2vw,19px);letter-spacing:1px;white-space:nowrap;overflow-x:auto}.ca-row button{border:0;background:var(--yellow);color:#100d00;padding:0 28px;font-weight:1000;font-size:12px;cursor:pointer;min-width:126px}.ca-row button:hover{background:var(--lime)}
.ca-meta { display:flex; gap:45px;font-size:8px;letter-spacing:1.5px;color:#6c706a}.ca-meta b{color:#ddd;margin-left:8px}
.links { padding:100px 0 130px; }.links h2{margin:25px 0 50px}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff22}.link-grid a{min-height:170px;padding:28px;border-right:1px solid #ffffff22;display:grid;grid-template-columns:1fr auto;align-content:space-between;transition:.25s}.link-grid a:last-child{border:0}.link-grid a:hover{background:var(--lime);color:#091004;transform:translateY(-8px)}.link-grid i{grid-column:1/-1;font-style:normal;font-size:11px;border:1px solid currentColor;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-weight:900}.link-grid strong{align-self:end}.link-grid span{font-size:24px}
.banner { padding-bottom:100px; }.banner img{display:block;width:100%;height:auto;border:1px solid #7dff0048;box-shadow:0 20px 80px #66ff0015}
footer { padding:35px 0 45px;border-top:1px solid #ffffff1b;display:flex;align-items:center;justify-content:space-between}footer p,footer small{font-size:9px;letter-spacing:1.5px;color:#6d716b}
@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes float{50%{transform:translateY(-13px) rotate(.5deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bars{to{filter:brightness(1.8);transform:scaleY(.82)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px}.hero-copy{padding:45px 0 15px}.cat-stage{min-height:480px}.cat-stage>img{width:min(470px,90vw)}.price-card{right:0}.about{grid-template-columns:1fr;padding:100px 0}.about>.section-tag{margin-bottom:-20px}.stat-stack{display:grid;grid-template-columns:1fr 1fr;gap:30px}.token-head{grid-template-columns:1fr;gap:25px}.link-grid{grid-template-columns:1fr}.link-grid a{border-right:0;border-bottom:1px solid #ffffff22;min-height:130px}footer{gap:25px;flex-wrap:wrap}}
@media(max-width:520px){.shell{width:min(100% - 26px,1180px)}.nav{height:72px}.mini-cta{font-size:9px;padding:10px}.hero{min-height:auto}.hero-copy{padding-top:60px}h1{font-size:72px;letter-spacing:-5px}.ticker-line b{font-size:28px}.hero-actions{flex-direction:column}.hero-actions a{justify-content:space-between}.cat-stage{min-height:410px}.orbit-one{width:350px;height:350px}.orbit-two{width:400px;height:400px}.price-card{bottom:50px}.about{gap:38px}.stat-stack{grid-template-columns:1fr}.ca-card{padding:20px}.ca-label em{display:none}.ca-row{flex-direction:column}.ca-row button{height:52px}.ca-meta{gap:13px;justify-content:space-between}.ca-meta span{display:flex;flex-direction:column;gap:6px}.ca-meta b{margin:0}.banner{width:100%;padding-bottom:60px}.banner img{min-height:220px;object-fit:cover;object-position:center}footer .brand{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}