body.bots{background:#000}#pt{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.55}
.bots main,.bots section,.bots footer{position:relative;z-index:1}
.bh{padding-bottom:40px}.bgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding-top:70px;padding-bottom:40px}
.bcopy h1{font-size:64px;line-height:1.02;letter-spacing:-.035em;margin:14px 0 18px}.bcopy h1 span{background:linear-gradient(90deg,#ff9f0a,#ffd60a 60%,#ff9f0a)!important;-webkit-text-fill-color:transparent;background-size:200% 100%!important;x:linear-gradient(90deg,#ff9f0a,#ffd60a 60%,#ff9f0a);background-size:200% 100%;-webkit-background-clip:text!important;background-clip:text!important;color:transparent;animation:sh 6s linear infinite}
@keyframes sh{to{background-position:-200% 0}}
.bcopy p{color:#c7c7cc;font-size:18px;max-width:520px}.bcopy .row{display:flex;gap:12px;margin:26px 0 22px;flex-wrap:wrap}.mag{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.facts li{font:12px GeistMono,monospace;color:#c7c7cc;border:1px solid #38383c;border-radius:99px;padding:5px 11px;background:rgba(255,255,255,.03)}
.const{position:relative;aspect-ratio:1;max-width:520px;width:100%;margin:auto}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(255,159,10,.22);inset:0;margin:auto}.r1{width:100%;height:100%}.r2{width:70%;height:70%;border-style:dashed;animation:spin 60s linear infinite reverse}.r3{width:40%;height:40%;border-color:rgba(255,159,10,.4)}
.core{position:absolute;inset:0;margin:auto;width:28%;height:28%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#ff9f0a 0,#b86a00 60%,#3a2200 100%);box-shadow:0 0 60px rgba(255,159,10,.55),0 0 140px rgba(255,159,10,.25);animation:pulse 3.2s ease-in-out infinite;color:#000}
.core span{font-weight:700;font-size:22px}.core small{font:11px GeistMono,monospace;opacity:.75}
@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 80px rgba(255,159,10,.7),0 0 180px rgba(255,159,10,.3)}}
.orb{position:absolute;inset:0;animation:spin 28s linear infinite}.o1{animation-delay:-7s}.o2{animation-delay:-14s}.o3{animation-delay:-21s}
.orb .node{position:absolute;top:-2%;left:50%;width:88px;height:88px;margin-left:-44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(20,20,22,.85);border:1px solid rgba(255,159,10,.55);box-shadow:0 0 24px rgba(255,159,10,.25);animation:spin 28s linear infinite reverse;animation-delay:inherit}
.orb .node b{font-size:13px;color:#fff}
@keyframes spin{to{transform:rotate(360deg)}}
.dot{width:10px;height:10px;border-radius:50%;background:#ff9f0a;box-shadow:0 0 12px #ff9f0a;animation:blink 2.4s ease-in-out infinite}.dot.voi{background:#ffd60a;box-shadow:0 0 12px #ffd60a}
@keyframes blink{50%{opacity:.35}}
.bgr{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bc{position:relative;border:1px solid #2c2c2e;border-radius:20px;padding:22px;background:linear-gradient(180deg,rgba(28,28,30,.85),rgba(10,10,12,.85));display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0))}
.bc:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),rgba(255,159,10,.22),transparent 60%);opacity:0;transition:opacity .35s;pointer-events:none}
.bc:hover{--ty:-6px;border-color:rgba(255,159,10,.6);box-shadow:0 20px 60px rgba(255,159,10,.12)}.bc:hover:before{opacity:1}
.bc-top{display:flex;justify-content:space-between;align-items:center}.bc h3{font-size:20px;margin:4px 0 0}.bc .who{font:12px GeistMono,monospace;color:#8e8e93}.bc p{color:#c7c7cc;margin:0}
.draft{margin-top:auto;font:12px GeistMono,monospace;color:#ffd9a0;background:rgba(255,159,10,.07);border:1px dashed rgba(255,159,10,.35);border-radius:10px;padding:10px;min-height:54px}
.cur{display:inline-block;width:7px;height:13px;background:#ff9f0a;vertical-align:-2px;margin-left:2px;animation:blink 1s steps(1) infinite}
.appr{display:flex;align-items:center;gap:6px;font:10px GeistMono,monospace;color:#8e8e93}.appr i{flex:1;height:1px;background:linear-gradient(90deg,#38383c,#ff9f0a,#38383c);background-size:200% 100%;animation:sh 3s linear infinite}
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.st{border:1px solid #2c2c2e;border-radius:18px;padding:22px;background:rgba(17,17,19,.8)}.st b{color:#ff9f0a;font:13px GeistMono,monospace}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*110ms)}.rv.in{opacity:1;transform:none}
.bc.rv.in{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0))}
@media(max-width:980px){.bgrid{grid-template-columns:1fr}.bgr{grid-template-columns:1fr 1fr}.bcopy h1{font-size:46px}.const{max-width:380px}}
@media(max-width:620px){.bgr,.flow{grid-template-columns:1fr}.orb .node{width:68px;height:68px;margin-left:-34px}.orb .node b{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}#pt{display:none}}
.const .c3d{position:absolute;inset:-10%;width:120%;height:120%;display:block;opacity:0;transition:opacity 1s ease}
.const.is3d .c3d{opacity:1}.const.is3d>.ring,.const.is3d>.core,.const.is3d>.orb{opacity:0;transition:opacity .6s}
@media(max-width:620px){.const .c3d{inset:-6%;width:112%;height:112%}}
