:root{--bg:#050607;--ink:#e7ecef;--muted:#899399;--line:rgba(220,230,235,.15);--accent:#cbd5d9;--x:50%;--y:50%}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at var(--x) var(--y),#11171a 0,#07090a 24%,#050607 60%);color:var(--ink);font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.055;background:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:80px 80px;z-index:10}#stonesyfer{position:relative}.field{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.field canvas{position:absolute;inset:0;width:100%;height:100%}.grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(210,220,225,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(210,220,225,.11) 1px,transparent 1px);background-size:70px 70px;transform:rotate(11deg);opacity:.12}.nodes,.node,.poly{position:absolute}.node{width:3px;height:3px;background:#d7e0e4;box-shadow:0 0 12px #bfcbd0}.poly{width:100px;height:100px;border:1px solid rgba(210,220,225,.18);clip-path:polygon(50% 0,100% 27%,87% 82%,34% 100%,0 55%,14% 14%);animation:drift 16s linear infinite}.n0{left:8%;top:20%}.n1{left:19%;top:71%}.n2{left:31%;top:34%}.n3{left:43%;top:78%}.n4{left:54%;top:17%}.n5{left:66%;top:63%}.n6{left:78%;top:28%}.n7{left:91%;top:73%}.n8{left:13%;top:47%}.n9{left:26%;top:87%}.n10{left:37%;top:52%}.n11{left:48%;top:42%}.n12{left:59%;top:88%}.n13{left:70%;top:48%}.n14{left:83%;top:84%}.n15{left:94%;top:17%}.n16{left:5%;top:82%}.n17{left:34%;top:10%}.n18{left:63%;top:12%}.n19{left:73%;top:59%}.n20{left:87%;top:90%}.n21{left:52%;top:35%}.n22{left:17%;top:12%}.n23{left:93%;top:66%}.n24{left:45%;top:26%}.n25{left:24%;top:58%}.n26{left:68%;top:80%}.n27{left:80%;top:42%}.p0{left:8%;top:14%}.p1{left:24%;top:72%;transform:scale(1.2)}.p2{left:44%;top:11%;transform:scale(.55)}.p3{left:69%;top:19%;transform:scale(1.5)}.p4{left:86%;top:68%;transform:scale(.8)}.p5{left:37%;top:39%;transform:scale(.4)}.p6{left:57%;top:72%;transform:scale(.9)}.p7{left:14%;top:45%;transform:scale(1.3)}.p8{left:77%;top:45%;transform:scale(.45)}.p9{left:49%;top:86%;transform:scale(.6)}.p10{left:2%;top:85%}.p11{left:31%;top:17%}.p12{left:63%;top:8%}.p13{left:91%;top:31%}.p14{left:19%;top:89%}.p15{left:72%;top:81%}.top{position:fixed;z-index:30;top:0;left:0;right:0;height:48px;padding:0 26px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(5,6,7,.62);backdrop-filter:blur(18px);font-size:9px;letter-spacing:.2em;color:#9ba5aa}.top strong{color:#e7ecef}.top span:last-child{text-align:right;font-variant-numeric:tabular-nums}.top b{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d8e0e4;margin-right:8px;animation:pulse 1.8s infinite}section{position:relative;z-index:2;max-width:1480px;min-height:90vh;margin:auto;padding:150px 7vw}section.hero{min-height:100vh;display:grid;place-items:center;text-align:center;padding-top:100px}.hero-copy{max-width:1200px}.hero-copy>small,section>small,.hero-copy small{font-size:9px;letter-spacing:.24em;color:var(--muted)}h1{display:flex;justify-content:center;margin:35px 0 28px;font-size:clamp(55px,11vw,175px);line-height:.78;letter-spacing:.02em}h1 span{display:inline-block;will-change:transform}h2{font-size:clamp(42px,6vw,88px);line-height:.95;letter-spacing:-.04em;margin:20px 0 30px}em{font-style:normal;color:#7f898e}.rule{display:flex;justify-content:center;gap:5px;margin:30px}.rule i{height:1px;background:#b7c1c6}.rule i:first-child{width:12vw}.rule i:nth-child(2){width:2px}.rule i:last-child{width:4vw}.hero-copy>p{max-width:760px;margin:auto;font-size:clamp(18px,2vw,27px);line-height:1.45;color:#c2cbd0}.states{display:grid;grid-template-columns:repeat(4,1fr);max-width:1000px;margin:55px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.states div{padding:16px 12px;border-right:1px solid var(--line)}.states div:last-child{border:0}.states small{display:block;color:#68737a;font-size:8px;letter-spacing:.2em}.states b{font-size:10px;letter-spacing:.1em}.scroll{position:absolute;bottom:35px;font-size:8px;letter-spacing:.2em;color:#69747a}label{display:flex;gap:14px;align-items:center;font-size:9px;letter-spacing:.2em;color:#68737a;position:absolute;top:70px}label:before{content:"";width:25px;height:1px;background:#657078}.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.split p{color:#9ca7ac;line-height:1.75;font-size:15px}.lead{font-size:22px!important;line-height:1.5!important;color:#d1d9dd!important}.chain{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:45px}.chain div{padding:15px 9px;border-right:1px solid var(--line)}.chain div:last-child{border:0}.chain b{display:block;font-size:8px;color:#69747a;margin-bottom:18px}.chain strong{display:block;font-size:10px;letter-spacing:.14em}.chain small{display:block;color:#69747a;margin-top:8px;font-size:9px}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:50px}.cards article{height:270px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.3s}.cards article:hover{background:rgba(220,230,235,.035);transform:translateY(-4px)}.cards article>span{font-size:9px;color:#68737a}.cards article>strong{position:absolute;left:24px;bottom:55px;font-size:13px;letter-spacing:.13em}.cards article>p{position:absolute;left:24px;bottom:23px;margin:0;max-width:280px;color:#69747a;font-size:9px;letter-spacing:.08em}.cards article>i{position:absolute;right:24px;top:24px;width:30px;height:30px;border:1px solid var(--line);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:spin 8s linear infinite}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.tags span{font-size:8px;letter-spacing:.16em;border:1px solid var(--line);padding:8px 10px;color:#899399}.console{border:1px solid var(--line);background:rgba(3,4,5,.7)}.console header{padding:14px 16px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.2em;color:#778187;display:flex;justify-content:space-between}.console p{display:flex;justify-content:space-between;padding:14px 20px;margin:0;border-bottom:1px solid rgba(220,230,235,.07);font-size:9px;letter-spacing:.13em}.console p span{color:#68737a}.console p b{font-weight:500}.meter{display:block;height:2px;margin:25px 20px;background:#171c1f;overflow:hidden}.meter:after{content:"";display:block;height:100%;width:60%;background:#b6c0c4;animation:meter 4s ease-in-out infinite}.live{height:min(52vw,650px);border:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(220,230,235,.06),transparent 50%)}.axis{position:absolute;background:rgba(220,230,235,.14)}.axis.x{left:8%;right:8%;top:50%;height:1px}.axis.y{top:8%;bottom:8%;left:50%;width:1px}.particle{position:absolute;width:4px;height:4px;background:#d0dade;box-shadow:0 0 15px #bfcbd0;left:50%;top:50%;animation:particle 7s ease-in-out infinite alternate}.particle:nth-of-type(2n){animation-duration:5s}.diamond{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(220,230,235,.3);animation:spin 18s linear infinite}.diamond.a{width:55%;height:55%}.diamond.b{width:34%;height:34%;animation-direction:reverse;animation-duration:11s}.diamond.c{width:15%;height:15%;animation-duration:7s}.close{min-height:100vh;display:grid;place-items:center;text-align:center;overflow:hidden}.close h2{max-width:900px}.close p{color:#899399}.close a{display:inline-block;padding:15px 4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;font-size:9px;letter-spacing:.2em}.rings{position:absolute;width:min(80vw,900px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;animation:spin 40s linear infinite}.rings:before,.rings:after{content:"";position:absolute;inset:16%;border:1px solid var(--line);border-radius:50%}.rings:after{inset:32%}footer{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;padding:25px 7vw;border-top:1px solid var(--line);font-size:8px;letter-spacing:.18em;color:#626d73}footer span:last-child{text-align:right}@keyframes pulse{50%{opacity:.25}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{50%{translate:14px -18px}to{rotate:360deg}}@keyframes meter{0%,100%{width:35%}50%{width:88%}}@keyframes particle{to{translate:18px -22px}}@media(max-width:900px){.top{grid-template-columns:1fr 1fr}.top strong{display:none}.split{grid-template-columns:1fr;gap:50px}.cards{grid-template-columns:repeat(2,1fr)}.states{grid-template-columns:repeat(2,1fr)}.states div:nth-child(2){border-right:0}.states div:nth-child(-n+2){border-bottom:1px solid var(--line)}.chain{grid-template-columns:repeat(2,1fr)}.chain div:nth-child(2){border-right:0}.chain div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:560px){section{padding-left:6vw;padding-right:6vw}.cards{grid-template-columns:1fr}.states,.chain{grid-template-columns:1fr}.states div{border-right:0;border-bottom:1px solid var(--line)}.chain div{border-right:0;border-bottom:1px solid var(--line)}h1{font-size:17vw}.hero-copy>small{font-size:7px}.lead{font-size:19px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}