/* Three original 468 × 88 compositions, scaled with their container. */
.promo-slot{container-type:inline-size}
.promo-banner{display:block;width:100%;max-width:468px;aspect-ratio:468/88;overflow:hidden;text-decoration:none;position:relative;color:#111;flex-shrink:0}
.promo-art{height:100%;position:relative;overflow:hidden}
.promo-banner:hover{color:inherit}
.promo-banner:hover *,.promo-banner:focus-visible *{animation-play-state:paused!important}
.promo-banner small{display:block;font-size:clamp(5px,1.6cqw,7.5px);white-space:nowrap;font-weight:normal}
.promo-body{height:81%;display:flex;align-items:center;gap:3%;padding:1.4% 2%}
.promo-copy{flex:1;min-width:0}.promo-copy strong{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(8px,2.9cqw,13.5px);line-height:1.08;display:block;letter-spacing:-.45px}.promo-copy em{font-style:normal}.promo-copy small{margin-top:3px}
.promo-cta{text-align:center;white-space:nowrap;font-size:clamp(6px,2.05cqw,9.5px);font-weight:bold;padding:5px 4px}.promo-cta small{font-size:clamp(4px,1.3cqw,6px);margin-top:4px}
.promo-agent{background:#c0c0c0;border:2px outset #e8e8e8;box-shadow:1px 1px #222;font-family:'Courier New',monospace}
.agent-titlebar{height:19%;background:linear-gradient(90deg,#000080,#235c9e);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 1.1%;font-size:clamp(5px,1.75cqw,8px);font-weight:bold;white-space:nowrap}
.pixel-bot{width:13%;text-align:center;color:#000080;flex-shrink:0;animation:bot-work 2.4s steps(2,end) infinite}.bot-antenna{display:block;width:4px;height:6px;margin:auto;background:#333}.bot-face{display:block;background:#f2f1d9;border:2px solid #333;font:bold clamp(13px,5.7cqw,26px)/.8 monospace;box-shadow:-3px 3px #727272;letter-spacing:5px;padding:0 0 5px 4px}.bot-feet{font-size:clamp(7px,2.2cqw,10px);display:block;margin-top:3px}
.promo-agent .promo-copy em{color:#000080}.agent-loading{border:1px inset #eee;height:5px;margin-top:4px;background:#ddd;width:90%;overflow:hidden}.agent-loading span{display:block;height:100%;width:65%;background:repeating-linear-gradient(90deg,#000080 0 7px,transparent 7px 9px);animation:agent-progress 3.8s steps(12,end) infinite}.promo-agent .promo-cta{border:2px outset #fff;background:#d3d3d3;box-shadow:1px 1px #222}
.promo-crypto{background:radial-gradient(ellipse at 32% 85%,#5b1678,transparent 65%),linear-gradient(110deg,#130527,#281151 65%,#080622);border:2px ridge #bb8ddd;color:#fff5bd}.promo-crypto .promo-art{background-image:radial-gradient(#ecd3ff75 .7px,transparent 1px);background-size:19px 19px}.promo-crypto .promo-body{height:100%;padding:2% 3%}.crypto-coin{width:14%;aspect-ratio:1;background:linear-gradient(130deg,#fffac5,#ecb733 50%,#a76110);border:3px double #fff1a0;border-radius:50%;color:#75420b;text-align:center;display:flex;flex-direction:column;justify-content:center;box-shadow:3px 3px #090218;animation:coin-turn 5s ease-in-out infinite;flex-shrink:0}.crypto-coin>b{font:bold clamp(17px,6.4cqw,30px)/.9 Georgia,serif}.crypto-coin small{font:bold clamp(4px,1.35cqw,6px) Arial;margin-top:3px}
.promo-crypto .promo-copy{position:relative;z-index:1;white-space:nowrap}.promo-crypto .promo-copy>small{font-family:'Courier New',monospace;color:#e1cdf2}.promo-crypto .promo-copy>small:first-child{font-size:clamp(4px,1.4cqw,6.5px);margin-bottom:4px}.promo-crypto .promo-copy strong{font-size:clamp(9px,3.6cqw,17px);line-height:1;letter-spacing:-.5px;text-shadow:1px 2px #481471;color:white}.promo-crypto .promo-copy em{color:#ffe870}.promo-crypto .promo-cta{font-style:italic;color:#2b073c;transform:rotate(-5deg);background:#f7e34f;border:2px outset #fff6b5;padding:6px 5px;z-index:1}.crypto-star{position:absolute;color:#fff2a0;animation:star-drift 3.5s ease-in-out infinite;font-size:14px}.star-one{left:18%;top:3%}.star-two{left:73%;bottom:0;animation-delay:-1s}
.promo-api{background:#ffed42;border:2px solid #16120a;font-family:Arial,sans-serif}.api-ribbon{height:18%;background:#c61923;color:white;font:bold clamp(5px,1.6cqw,7.5px)/1.5 'Courier New',monospace;text-align:center;letter-spacing:.6px;white-space:nowrap}.promo-api .promo-body{height:82%;padding:1% 3%;background:repeating-linear-gradient(-45deg,transparent 0 8px,#edc91c55 8px 9px)}.api-burst{display:flex;flex-direction:column;justify-content:center;align-items:center;width:16%;aspect-ratio:1;background:#c61923;color:white;clip-path:polygon(50% 0,61% 15%,80% 4%,81% 25%,100% 28%,90% 47%,100% 66%,80% 72%,81% 95%,60% 87%,49% 100%,38% 85%,15% 95%,19% 72%,0 67%,10% 49%,0 30%,21% 25%,20% 5%,40% 15%);font:bold italic clamp(10px,3.5cqw,16px) Arial;animation:hot-wobble 3.4s ease-in-out infinite;flex-shrink:0}.api-burst small{font:bold clamp(4px,1.25cqw,6px) monospace;margin-top:2px}.promo-api .promo-copy strong{font-size:clamp(11px,4.3cqw,20px);letter-spacing:-.6px;line-height:.92;transform:rotate(-2deg)}.promo-api .promo-copy em{color:#b61420;font-size:.87em}.promo-api .promo-copy small{font-family:'Courier New',monospace;margin-top:5px}.promo-api .promo-cta{background:#171717;color:white;border:2px outset #888;padding:5px 9px;font-weight:bold;line-height:1.05;box-shadow:3px 3px #c61923;transform:rotate(3deg)}.promo-api .promo-cta b{color:#ffed42;display:inline-block;animation:api-arrow 1.8s ease-in-out infinite}
@keyframes bot-work{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes agent-progress{0%{transform:translateX(-105%)}100%{transform:translateX(155%)}}
@keyframes coin-turn{0%,65%,100%{transform:rotateY(0) rotate(-8deg)}32%{transform:rotateY(180deg) rotate(8deg)}}
@keyframes star-drift{0%,100%{transform:translateY(0) rotate(0);opacity:.5}50%{transform:translateY(4px) rotate(35deg);opacity:1}}
@keyframes hot-wobble{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
@keyframes api-arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
/* Original 88 × 31 badges: readable tiny compositions, not scaled-down headers. */
.footer-buttons .mini-tile{display:block;flex:0 0 88px;width:88px;height:31px;overflow:hidden;position:relative;text-decoration:none;text-align:left;line-height:1;box-shadow:1px 1px #0004}
.mini-tile>div{height:100%;position:relative}
.footer-buttons .mini-tile span,.footer-buttons .mini-tile small{color:inherit;font-size:inherit}
.mini-tile strong{font-family:Arial,sans-serif;font-size:8px;font-weight:900;white-space:nowrap}
.mini-tile small{display:block;white-space:nowrap}
.mini-tile:hover *,.mini-tile:focus-visible *{animation-play-state:paused!important}
.mini-agent,.mini-agent:hover{color:#111;background:#c0c0c0;border:2px outset #eee;font-family:'Courier New',monospace}
.mini-window{display:block;height:7px;background:#000080;color:#fff!important;font:bold 6px/7px 'Courier New',monospace!important;padding:0 2px}.mini-window b{float:right}
.mini-agent-body{display:flex;align-items:center;gap:3px;padding:3px 2px 0}
.mini-bot{display:block;background:#ffffdc;border:1px solid #222;box-shadow:1px 1px #777;font:bold 10px/10px monospace;letter-spacing:1px;font-style:normal;width:18px;text-align:center;animation:bot-work 2.4s steps(2,end) infinite;flex-shrink:0}
.mini-agent strong{font-size:7px;color:#000080}.mini-agent small{font:5px/7px 'Courier New',monospace!important}
.mini-progress{position:absolute;bottom:0;left:24px;width:54px;height:2px;overflow:hidden;background:#eee}
.mini-progress:after{content:'';display:block;width:35px;height:2px;background:repeating-linear-gradient(90deg,#000080 0 4px,transparent 4px 5px);animation:agent-progress 3.8s steps(12,end) infinite}
.mini-crypto,.mini-crypto:hover{color:#fff3a1;border:2px ridge #ba85df;background:radial-gradient(ellipse at bottom,#59177c,#170625);font-family:Arial,sans-serif}
.mini-crypto>div{display:flex;align-items:center;gap:4px;padding:2px 3px}.mini-coin{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border:2px double #fff3a1;border-radius:50%;background:linear-gradient(130deg,#fff5b4,#c89417);color:#784411;font:bold 17px Georgia,serif;animation:coin-turn 5s ease-in-out infinite}.mini-crypto-copy small{font:6px/9px monospace!important;color:#e8d6ff!important}.mini-crypto strong{font-size:8px}.mini-star{position:absolute;right:1px;top:0;font-size:8px!important;animation:star-drift 3.5s ease-in-out infinite}
.mini-api,.mini-api:hover{background:repeating-linear-gradient(-45deg,#ffe847 0 5px,#ffe126 5px 6px);color:#141414;border:2px outset #edba26;font-family:Arial,sans-serif}
.mini-api>div{display:flex;align-items:center;gap:3px;padding:2px}.mini-hot{background:#c71923;color:white!important;padding:4px 2px;font:bold italic 7px Arial!important;transform:rotate(-9deg);animation:hot-wobble 3.4s ease-in-out infinite}.mini-api strong{font-size:8px}.mini-api small{font:5px/9px monospace!important}.mini-api small b{display:inline-block;animation:api-arrow 1.8s ease-in-out infinite;color:#bc1421}
@media(prefers-reduced-motion:reduce){.promo-banner *,.mini-tile *,.mini-tile *:after{animation:none!important}}