@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#090708;--paper:#e5ded8;--red:#ed1237;--dim:#9d9692;--line:rgba(229,222,216,.22);--mono:'DM Mono',monospace;--sans:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden;cursor:none}.noise{position:fixed;inset:0;z-index:20;opacity:.12;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");mix-blend-mode:screen}.cursor-dot,.cursor-ring{position:fixed;z-index:100;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:7px;height:7px;background:var(--red);box-shadow:0 0 12px var(--red)}.cursor-ring{width:31px;height:31px;border:1px solid var(--paper);transition:width .2s,height .2s,border-color .2s}.loader{position:fixed;inset:0;z-index:200;background:#050405;display:grid;place-items:center;overflow:hidden}.loader:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.5) 4px 5px);pointer-events:none}.loader img{width:min(440px,74vw);aspect-ratio:1;object-fit:cover;filter:contrast(1.2) saturate(1.15);animation:loadPulse .75s infinite alternate}.loader-copy{position:absolute;z-index:1;bottom:10vh;font:12px var(--mono);letter-spacing:.1em;display:flex;gap:30px}.loader-copy b{color:var(--red)}@keyframes loadPulse{to{transform:scale(1.04);filter:contrast(1.45) saturate(1.6)}}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 4vw;position:absolute;z-index:10;inset:0 0 auto;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.wordmark{font:700 18px var(--mono);letter-spacing:-.07em;display:flex;align-items:center;gap:8px}.wordmark i{width:11px;height:11px;background:var(--red);display:block;transform:rotate(45deg);box-shadow:0 0 15px var(--red)}.wordmark em{font:10px var(--mono);color:var(--red);letter-spacing:0;margin-left:3px}.topbar nav{display:flex;gap:27px;font:10px var(--mono);text-transform:uppercase}.topbar nav a,.footer-links a{transition:color .2s}.topbar nav a:hover,.footer-links a:hover{color:var(--red)}.socials{display:flex;gap:8px}.icon-link{border:1px solid var(--line);width:34px;height:34px;display:grid;place-items:center;font:10px var(--mono);transition:.2s}.icon-link:hover{background:var(--red);border-color:var(--red);transform:rotate(-7deg)}.section{padding:130px 7vw;position:relative}.hero{min-height:100vh;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090708 21%,transparent 75%),linear-gradient(0deg,#090708 0%,transparent 25%),url('assets/dreambin-hero.gif') center/cover;filter:grayscale(.4) contrast(1.25);opacity:.54}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 48%,transparent 13%,rgba(9,7,8,.3) 35%,#090708 80%)}.hero-copy{max-width:660px}.eyebrow{font:11px var(--mono);letter-spacing:.13em;color:var(--red);margin:0 0 20px}.hero h1,h2{font-size:clamp(56px,9.3vw,150px);letter-spacing:-.095em;line-height:.76;margin:0;text-transform:uppercase;font-weight:700}.hero h1 span,h2 span{color:var(--red);text-shadow:3px 0 #01a78c,-3px 0 #f4e4df}.lead{max-width:440px;color:#bfb6b1;margin:31px 0;font-size:16px;line-height:1.55}.hero-actions{display:flex;align-items:stretch;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:18px 21px;font:500 11px var(--mono);letter-spacing:.09em;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.button-main{background:var(--red);color:#fff;box-shadow:6px 6px 0 #8f0920}.button-main:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 #8f0920}.button b{font-size:20px}.ca-card{padding:10px 14px;min-width:210px;text-align:left;background:rgba(10,8,9,.7);color:var(--paper);border:1px solid var(--line);font-family:var(--mono);cursor:none}.ca-card small,.ca-card span{display:block;font-size:8px;color:var(--dim)}.ca-card strong{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;margin:5px 0;color:#fff}.ca-card span{color:var(--red)}.hero-art{position:absolute;right:9vw;width:min(47vw,660px);aspect-ratio:1;z-index:-1;filter:drop-shadow(0 35px 50px #000)}.hero-art img{width:100%;height:100%;object-fit:cover;clip-path:polygon(7% 0,100% 8%,94% 94%,0 100%);mix-blend-mode:screen;opacity:.9}.orbit{position:absolute;border:1px solid rgba(237,18,55,.55);border-radius:50%;z-index:-1}.orbit-a{inset:-10%;animation:spin 12s linear infinite}.orbit-b{inset:7%;border-color:#01a78c;animation:spin 9s linear reverse infinite}@keyframes spin{to{transform:rotate(360deg)}}.art-label{position:absolute;right:-4%;top:10%;border:1px solid var(--paper);padding:8px;background:#0a0809;font:10px var(--mono);line-height:1.1}.scroll-cue{position:absolute;bottom:38px;font:10px var(--mono);letter-spacing:.1em}.scroll-cue b{color:var(--red);font-size:22px;margin-left:10px}.section-tag{font:10px var(--mono);color:var(--dim);letter-spacing:.12em;margin-bottom:70px}.lore{background:#b50c2a;color:#13090c;overflow:hidden}.lore:before{content:'DREAMBIN';position:absolute;font-weight:700;font-size:31vw;letter-spacing:-.12em;color:rgba(0,0,0,.09);top:0;left:-3%;line-height:.7}.lore-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;align-items:center;position:relative}.glitch-card{aspect-ratio:1;position:relative;max-width:510px}.glitch-card img{width:100%;height:100%;object-fit:cover;filter:contrast(1.2)}.glitch-card span{position:absolute;bottom:0;left:0;background:#0c0809;color:var(--paper);padding:9px;font:10px var(--mono)}.copy-block h2{font-size:clamp(44px,6vw,88px);color:#180a0d}.copy-block h2 span{color:var(--paper);text-shadow:2px 0 #063}.copy-block>p:not(.eyebrow){max-width:580px;font-size:17px;line-height:1.55;margin:27px 0}.signal{margin-top:35px;padding:15px 0;border-top:1px solid rgba(0,0,0,.35);font:11px var(--mono);display:flex;align-items:center;gap:12px}.signal i{width:8px;height:8px;border-radius:100%;background:var(--paper);box-shadow:0 0 0 4px rgba(255,255,255,.18);animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}.buy{background:#ded7d0;color:#110b0d}.buy:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 65px,rgba(0,0,0,.035) 66px 67px);pointer-events:none}.buy-top{display:flex;align-items:end;justify-content:space-between}.buy h2,.dex h2,.roadmap h2{font-size:clamp(60px,10vw,145px)}.buy h2 span{color:var(--red)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:65px;position:relative;z-index:1}.step{min-height:275px;background:#110b0d;color:var(--paper);padding:25px;position:relative;overflow:hidden;transition:background .25s}.step:hover{background:var(--red)}.step b{font:12px var(--mono);color:var(--red)}.step:hover b{color:#fff}.step h3{font-size:clamp(26px,3vw,46px);line-height:.83;letter-spacing:-.08em;margin:40px 0 17px}.step p{font-size:13px;line-height:1.4;max-width:225px;color:#bab1ad}.step i{position:absolute;right:22px;bottom:15px;font-style:normal;font-size:54px;color:rgba(255,255,255,.25)}.buy-cta{margin-top:24px;display:flex;gap:14px;align-items:center}.mini-ca{border:1px solid #170b0e;background:transparent;padding:16px 20px;font:10px var(--mono);cursor:none}.dex{background:#110a0d;overflow:hidden}.dex:before{content:'';position:absolute;inset:0;background:url('assets/orbit-02.gif') center/cover fixed;opacity:.12;filter:grayscale(1)}.dex>*{position:relative}.dex-head{display:flex;justify-content:space-between;align-items:end}.outline-link{font:11px var(--mono);border:1px solid var(--line);padding:15px}.chart-shell{height:570px;background:#080707;border:1px solid var(--line);margin-top:45px;position:relative;overflow:hidden}.chart-shell iframe{width:100%;height:100%;border:0;position:relative;z-index:2}.chart-placeholder{position:absolute;inset:0;display:flex;z-index:1;flex-direction:column;align-items:center;justify-content:center;font:11px var(--mono);letter-spacing:.1em;gap:10px;color:var(--dim)}.chart-placeholder b{font-size:14px;color:var(--red)}.scan{position:absolute;left:0;right:0;height:2px;background:var(--red);box-shadow:0 0 25px var(--red);z-index:3;opacity:.45;animation:scan 5s linear infinite}@keyframes scan{from{top:0}to{top:100%}}.roadmap{background:#0b0809}.roadmap-title{margin-bottom:100px}.roadmap-title h2{font-size:clamp(62px,10vw,150px)}.road-track{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;position:relative}.road-track article{position:relative;padding-top:38px}.road-track article:before{content:'';width:15px;height:15px;border:2px solid var(--red);background:#0b0809;position:absolute;top:-8px;z-index:1;transform:rotate(45deg)}.road-track b{font:10px var(--mono);color:var(--red)}.road-track h3{font-size:34px;letter-spacing:-.07em;margin:12px 0}.road-track p{max-width:250px;line-height:1.5;color:var(--dim);font-size:14px}.road-track i{font:24px var(--mono);font-style:normal;color:var(--red)}.track-line{height:1px;position:absolute;background:var(--line);left:0;right:0;top:0}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:100px}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(.35) contrast(1.25);transition:.35s}.gallery img:hover{filter:none;transform:scale(1.04);z-index:1}footer{padding:130px 7vw 35px;position:relative;min-height:80vh;overflow:hidden;background:#ed1237;color:#11080a}.footer-glitch{position:absolute;inset:0;background:linear-gradient(90deg,#ed1237 25%,transparent),url('assets/dreambin-hero.gif') center/cover;mix-blend-mode:multiply;opacity:.55;filter:contrast(2)}.footer-copy,.footer-links,footer small{position:relative}.footer-copy h2{font-size:clamp(75px,12vw,180px);color:#160a0d}.footer-copy h2 span{color:var(--paper)}.footer-copy .button{margin-top:36px}.footer-ca{background:none;border:0;border-bottom:1px solid #251013;margin-left:25px;padding:13px 0;font:10px var(--mono);cursor:none}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:600px;margin:85px 0 110px}.footer-links a{border-top:1px solid rgba(0,0,0,.4);padding-top:9px;font:11px var(--mono)}footer small{font:9px var(--mono)}.reveal{transition:opacity .7s ease,transform .7s ease}.reveal:not(.is-visible){opacity:0;transform:translateY(35px)}@media(max-width:800px){body,.ca-card,.mini-ca,.footer-ca{cursor:auto}.cursor-dot,.cursor-ring{display:none}.topbar{height:62px;padding:0 5vw}.topbar nav{display:none}.section{padding:90px 6vw}.hero{align-items:flex-end;padding-bottom:100px}.hero-art{top:90px;right:2vw;width:85vw;opacity:.55}.hero-copy{position:relative}.hero h1{font-size:clamp(62px,18vw,120px)}.lead{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch;max-width:310px}.lore-grid,.steps{grid-template-columns:1fr}.lore-grid{gap:45px}.section-tag{margin-bottom:45px}.glitch-card{max-width:none}.buy-top,.dex-head{display:block}.dex-head .outline-link{display:inline-block;margin-top:25px}.steps{margin-top:40px}.step{min-height:215px}.chart-shell{height:420px;margin-top:30px}.roadmap-title{margin-bottom:60px}.road-track{grid-template-columns:1fr;gap:40px}.track-line{top:0;bottom:0;left:0;right:auto;width:1px;height:auto}.road-track article{padding-left:30px;padding-top:0}.road-track article:before{left:-7px;top:3px}.gallery{grid-template-columns:repeat(2,1fr);margin-top:65px}.footer-links{grid-template-columns:repeat(2,1fr);margin-bottom:70px}.footer-ca{display:block;margin:22px 0 0}.footer-copy h2{font-size:22vw}}