.development{margin:65px 0;border:1px solid #ffffff18;border-radius:30px;background:radial-gradient(ellipse at 55% 50%,#b6c2d309,transparent 65%),#040405;overflow:hidden}.dev-heading{padding:30px 32px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.dev-heading h2{font-size:30px;font-weight:400;letter-spacing:-.8px;margin:12px 0}.dev-replay{font:8px 'Geist Mono',monospace;letter-spacing:1px;color:#687381;white-space:nowrap}.dev-scene{min-height:320px;padding:40px 35px;display:grid;grid-template-columns:1fr 50px .7fr 50px 1.3fr;align-items:center;perspective:1000px}.dev-incoming{transform:rotateY(10deg) rotate(-3deg);transition:transform 1s;min-width:0}.dev-incoming>.eyebrow{font-size:7px}.dev-token{padding:15px;border:1px solid #ffffff25;border-radius:17px;display:flex;align-items:center;gap:12px;background:#ffffff04;margin-top:13px}.dev-token>img{width:44px;height:44px;object-fit:contain}.dev-token b{font-size:14px;font-weight:400}.dev-token div>span{display:block;color:#77818e;font:9px monospace;margin-top:5px}.dev-token .dev-pump{width:20px;height:20px;margin-left:auto}.dev-brief{position:relative;padding:18px 14px;margin-top:10px;border:1px solid #ffffff16;border-radius:15px;font-size:11px;line-height:1.8;color:#9fa8b6;overflow:hidden}.dev-brief i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff1,transparent);animation:devscan 4s linear infinite;animation-play-state:paused}.dev-theme{display:flex;gap:7px;align-items:center;margin-top:12px}.dev-theme>span{width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid #ffffff33}.dev-theme>span:nth-child(2){background:#525962}.dev-theme>span:nth-child(3){background:#000}.dev-theme small{font-size:8px;color:#717c89;margin-left:5px}.dev-connector{height:1px;background:#ffffff12;position:relative;overflow:visible}.dev-connector i{position:absolute;width:4px;height:4px;border-radius:50%;background:#d4d9e1;top:-1px;animation:devpacket 2.5s linear infinite;animation-play-state:paused}.dev-connector i:nth-child(2){animation-delay:.8s}.dev-connector i:nth-child(3){animation-delay:1.6s}.dev-engine{position:relative;display:grid;place-items:center;min-width:0}.dev-engine>img{width:90px;height:100px;object-fit:contain;animation:bob 5s ease-in-out infinite;animation-play-state:paused;z-index:1}.dev-engine>span{font:6px monospace;letter-spacing:.5px;color:#8e98a6;margin-top:15px;white-space:nowrap;z-index:1}.dev-engine-orbit{position:absolute;width:145px;height:100px;border:1px solid #ffffff18;border-radius:50%;transform:rotate(-35deg)}.dev-engine-light{position:absolute;width:120px;height:120px;background:radial-gradient(circle,#ffffff0b,transparent 65%)}.dev-site{border:1px solid #ffffff30;border-radius:16px;background:#0a0c0f;transform:rotateY(-10deg) rotate(3deg);transition:transform 1s,border-color .5s;overflow:hidden;min-width:0;box-shadow:0 20px 40px #0008}.dev-browser{display:flex;align-items:center;gap:4px;padding:10px;border-bottom:1px solid #ffffff15}.dev-browser i{width:4px;height:4px;background:#555f6c;border-radius:50%}.dev-browser>span{font:6px monospace;color:#8993a1;margin:auto}.dev-site-nav{display:flex;align-items:center;gap:10px;padding:13px 14px}.dev-site-nav b{font-size:10px;flex:1}.dev-site-nav i{width:15px;height:2px;background:#5b6572}.dev-site-hero{padding:10px 14px 18px;display:grid;grid-template-columns:1.3fr 1fr;gap:8px;align-items:center}.dev-site-hero strong{font-weight:400;font-size:clamp(15px,1.8vw,23px);letter-spacing:-.6px;line-height:1.1}.dev-site-hero div>span{display:block;height:2px;width:65%;background:#66707e;margin-top:9px}.dev-site-hero div>span+span{width:48%;margin-top:5px}.dev-site-hero b{display:inline-block;padding:7px 9px;font-size:6px;border:1px solid #ffffff40;border-radius:99px;margin-top:15px;font-weight:400}.dev-site-hero img{width:100%;max-height:90px;object-fit:contain}.dev-wire{padding:0 14px 14px;display:flex;gap:7px}.dev-wire i{flex:1;height:31px;border:1px solid #ffffff20;border-radius:6px;background:#ffffff03;transition:transform .6s,opacity .6s}.dev-published{border-top:1px solid #ffffff18;padding:9px 13px;font:7px monospace;color:#a5b69f;opacity:0;transform:translateY(8px);transition:.7s}.dev-published span{margin-right:6px}.development[data-phase="0"] .dev-site-nav,.development[data-phase="0"] .dev-site-hero,.development[data-phase="0"] .dev-wire{opacity:.08}.development[data-phase="1"] .dev-site-hero{opacity:.3;filter:grayscale(1)}.development[data-phase="1"] .dev-wire{opacity:.15}.development[data-phase="2"] .dev-wire i:nth-child(2){transform:translateY(6px);opacity:.4}.development[data-phase="2"] .dev-wire i:nth-child(3){transform:translateY(12px);opacity:.15}.development[data-phase="3"] .dev-site{transform:rotate(0) scale(.91);border-radius:26px}.development[data-phase="4"] .dev-site{transform:rotate(0);border-color:#adc39f66}.development[data-phase="4"] .dev-published{opacity:1;transform:translateY(0)}.development[data-running="true"] .dev-connector i,.development[data-running="true"] .dev-brief i,.development[data-running="true"] .dev-engine>img{animation-play-state:running}.dev-site-hero,.dev-site-nav,.dev-wire{transition:opacity .8s,filter .8s}.dev-caption{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:0 32px 27px}.dev-caption h3{font-size:22px;font-weight:400;margin:0 0 9px}.dev-caption p{font-size:12px;color:#7e8998;line-height:1.6;margin:0}.dev-caption code{font:9px 'Geist Mono',monospace;color:#8c98a9;max-width:45%;overflow-wrap:anywhere}.dev-controls{padding:17px 25px;border-top:1px solid #ffffff15;display:flex;align-items:center;gap:15px}.dev-tabs{display:flex;flex:1;gap:8px}.dev-tabs button{position:relative;flex:1;min-width:0;border:1px solid transparent;border-radius:99px;color:#707c8c;background:none;font-size:11px;padding:10px 12px;overflow:hidden}.dev-tabs button.active{color:#fff;border-color:#ffffff25;background:#ffffff08}.dev-tabs i{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#d0d7e0;transform:scaleX(0);transform-origin:left}.dev-tabs .active i{transform:scaleX(var(--progress,0))}.dev-play{border:1px solid #ffffff30;border-radius:50%;width:36px;min-height:36px;background:none;color:white;flex-shrink:0}.cp-wallet-menu{position:absolute;right:0;top:calc(100% + 12px);width:265px;background:#111316f5;border:1px solid #ffffff26;border-radius:22px;backdrop-filter:blur(25px);padding:19px;z-index:50}.header-actions{position:relative}.cp-wallet-menu small{display:block;color:#828d9c;font-size:10px}.cp-wallet-menu code{display:block;font-size:10px;overflow-wrap:anywhere;line-height:1.6;margin:10px 0 17px;color:#b6bfcc}.cp-wallet-menu button{display:block;width:100%;text-align:left;padding:10px 13px;border:0;background:none;color:#eee;border-radius:99px;font-size:12px}.cp-wallet-menu button:hover{background:#ffffff0a}.cp-wallet-menu [data-disconnect]{color:#ed9393}.cp-wallet-menu p{font-size:10px;color:#9aa5b6;margin:9px 0 0}@keyframes devscan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes devpacket{0%{left:0;opacity:0}25%{opacity:1}90%{opacity:.6}100%{left:100%;opacity:0}}@media(max-width:800px){.dev-heading{padding:24px 20px 0}.dev-heading h2{font-size:26px}.dev-scene{padding:25px 20px;grid-template-columns:1fr 25px 1fr;gap:0;min-height:300px}.dev-engine{display:none}.dev-connector:nth-of-type(4){display:none}.dev-token{padding:10px;gap:8px}.dev-token>img{width:30px;height:35px}.dev-token b{font-size:12px}.dev-brief{font-size:10px;padding:12px}.dev-caption{padding:0 20px 25px;display:block}.dev-caption code{display:block;margin-top:16px;max-width:100%;font-size:8px}.dev-controls{padding:13px 12px;gap:5px}.dev-tabs{gap:0}.dev-tabs button{font-size:9px;padding:10px 4px}.dev-replay{font-size:6px}.dev-site-hero{grid-template-columns:1fr;padding:8px 10px}.dev-site-hero img{display:none}.dev-site-nav{padding:12px 10px}.dev-site-hero strong{font-size:19px}.dev-wire{padding:0 10px 10px}.dev-published{font-size:6px;padding:9px}.dev-site{transform:rotate(2deg)}.dev-browser>span{font-size:5px}.development{margin:40px 0}.dev-play{width:30px;min-height:30px}.cp-wallet-menu{right:0}}@media(prefers-reduced-motion:reduce){.development *{animation:none!important;transition:none!important}}