@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@500;600&display=swap');
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090909;color:#f2eee6;font-family:'IBM Plex Mono',monospace}body{background:radial-gradient(circle at 68% 44%,#2b2419 0,#111 28%,#090909 62%)}.grain{position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:20;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='.8'/%3E%3C/svg%3E")}.scan{position:fixed;left:0;right:0;height:1px;background:#d7b16a;box-shadow:0 0 20px #d7b16a;opacity:.2;animation:scan 7s linear infinite;z-index:19}@keyframes scan{from{top:-2%}to{top:102%}}.shell{height:100dvh;max-width:1600px;margin:auto;padding:22px 28px 18px;display:grid;grid-template-rows:auto 1fr 92px auto;gap:14px}header,footer{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-weight:600;letter-spacing:.08em}.mark{width:34px;height:34px;display:grid;place-items:center;background:#d7b16a;color:#090909;font-family:'Archivo Black';transform:skew(-8deg)}.ticker{font-size:11px;letter-spacing:.12em;color:#aaa}.ticker i,.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d7b16a;margin:0 8px;box-shadow:0 0 10px #d7b16a}.stage{min-height:0;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;border:1px solid #2d2b27;position:relative;overflow:hidden;background:linear-gradient(100deg,rgba(9,9,9,.92) 0 43%,rgba(9,9,9,.2) 70%)}.stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(215,177,106,.1) 50%,transparent 50.2%);pointer-events:none}.copy{z-index:3;padding:clamp(24px,4vw,66px)}.eyebrow{font-size:10px;letter-spacing:.28em;color:#d7b16a;margin-bottom:12px}h1{font-family:'Archivo Black',sans-serif;font-size:clamp(54px,7.4vw,118px);line-height:.77;letter-spacing:-.07em;margin:0;text-transform:uppercase}h1 span{color:transparent;-webkit-text-stroke:1px #d7b16a}p{max-width:550px;color:#aaa;font-size:clamp(11px,1vw,14px);line-height:1.6;margin:20px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{height:42px;padding:0 15px;border:1px solid #3a3833;background:#111;color:#eee;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 11px 'IBM Plex Mono';letter-spacing:.08em;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-2px);border-color:#d7b16a}.primary{background:#d7b16a;color:#0a0a0a;border-color:#d7b16a}.icon{font-size:18px;width:42px;padding:0}.platform img{width:18px;height:18px;object-fit:contain}.contract{margin-top:12px;height:34px;display:flex;align-items:center;border:1px solid #262521;max-width:520px;background:#0b0b0b}.contract span{padding:0 10px;color:#d7b16a;font-size:10px}.contract code{font-size:10px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.contract button{height:100%;border:0;border-left:1px solid #262521;background:#111;color:#aaa;font:10px 'IBM Plex Mono';padding:0 12px;cursor:pointer}.visual{position:absolute;right:0;top:0;width:58%;height:100%;overflow:hidden}.hero{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:grayscale(1) contrast(1.08);mix-blend-mode:luminosity;animation:breathe 8s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.025)}}.halo{position:absolute;width:46vw;height:46vw;border:1px solid rgba(215,177,106,.22);border-radius:50%;right:-5vw;top:50%;transform:translateY(-50%);z-index:2;box-shadow:0 0 0 60px rgba(215,177,106,.025),0 0 0 120px rgba(215,177,106,.015)}.stamp{position:absolute;right:24px;top:24px;z-index:3;border:1px solid #d7b16a;color:#d7b16a;padding:9px 12px;font:12px 'Archivo Black';transform:rotate(5deg);text-align:center}.meter{position:absolute;z-index:3;right:24px;bottom:22px;width:190px;font-size:9px;letter-spacing:.12em}.meter>b{float:right;color:#d7b16a}.meter>div{clear:both;height:4px;background:#24231f;margin-top:8px}.meter i{display:block;height:100%;width:100%;background:#d7b16a;animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.reel{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;min-height:0}.reel img{width:100%;height:92px;object-fit:cover;filter:grayscale(1) contrast(1.08);opacity:.52;border:1px solid #25241f;transition:.2s}.reel img:hover{filter:grayscale(.2);opacity:1;transform:translateY(-4px);border-color:#d7b16a}footer{font-size:8px;color:#555;letter-spacing:.16em}.live{color:#8c7a59}.live i{width:5px;height:5px;margin:0 5px 0 0}@media(max-width:800px){.shell{padding:12px;grid-template-rows:auto 1fr 62px auto}.ticker{display:none}.stage{grid-template-columns:1fr;align-items:end}.visual{width:100%;height:57%;top:0}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090909 0%,rgba(9,9,9,.3) 45%,rgba(9,9,9,.05))}.copy{padding:18px;position:relative}.eyebrow{font-size:8px}h1{font-size:clamp(45px,15vw,76px)}p{font-size:10px;margin:10px 0}.actions{gap:5px}.btn{height:36px;padding:0 10px;font-size:9px}.platform{font-size:0;width:36px;padding:0}.contract{height:30px;margin-top:8px}.reel{gap:4px;grid-template-columns:repeat(5,1fr);overflow:hidden}.reel img{height:28px}.reel img:nth-child(n+6){display:none}.stamp,.meter{display:none}footer span:first-child,footer span:last-child{display:none}footer{justify-content:center}.brand{font-size:11px}.mark{width:28px;height:28px}}