/* Tools — centered, equal, polished, hover reveals full label */
.tools-row{display:flex;gap:12px;align-items:center;justify-content:center;position:absolute;left:50%;transform:translateX(-50%);bottom:60px;z-index:3;margin:0;width:max-content;max-width:94%}
.tools-row .t-label{font:700 11px 'DM Mono',monospace;color:#FF6B6E;letter-spacing:.1em;margin-right:2px}
.tool-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:168px;height:46px;border:1px solid rgba(255,255,255,.4);background:rgba(10,2,3,.55);color:#fff;border-radius:30px;padding:0 18px 0 10px;font:700 11px 'DM Mono',monospace;backdrop-filter:blur(8px);cursor:default;transition:transform .22s ease,background .22s ease,border-color .22s ease;overflow:visible}
.tool-chip svg{width:26px;height:26px;flex:0 0 26px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.tool-chip .dot{width:7px;height:7px;border-radius:50%;background:#F01923;animation:pulse 1.8s ease-in-out infinite;flex:0 0 7px}
.tool-chip .full{position:absolute;bottom:calc(100% + 10px);top:auto;left:50%;transform:translate(-50%,6px);display:flex;align-items:center;justify-content:center;background:#F01923;color:#fff;font-size:10.5px;padding:9px 18px;border-radius:20px;opacity:0;transition:opacity .22s ease,transform .22s ease;white-space:nowrap;width:max-content;min-width:0;max-width:260px;pointer-events:none;z-index:6;box-shadow:0 10px 26px rgba(240,25,35,.4)}
.tool-chip:hover,.tool-chip:focus-visible{background:#fff;border-color:#fff;transform:translateY(-3px);z-index:7}
.tool-chip:hover .full,.tool-chip:focus-visible .full{opacity:1;transform:translate(-50%,0)}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.tool-chip.figma svg{animation:floaty 3.2s ease-in-out infinite}
.tool-chip.ai svg{animation:floaty 3.8s ease-in-out infinite}
@media(max-width:760px){.tools-row{bottom:52px;gap:8px}.tool-chip{min-width:0;height:40px;padding:0 12px 0 7px;font-size:9px}.tool-chip svg{width:22px;height:22px;flex-basis:22px}.tools-row .t-label{width:100%;text-align:center;margin:0}}
@media(prefers-reduced-motion:reduce){.tool-chip,.tool-chip svg,.tool-chip .dot{animation:none !important;transition:none !important}}
/* Hero bottom breathing room above the red strip */
.identity-footer{bottom:64px !important}
.tools-row{bottom:112px}
@media(max-width:760px){.identity-footer{bottom:48px !important}.tools-row{bottom:92px}}
/* "Say hello" circle: bigger, content truly centred, readable sub-label */
.call-circle{width:134px !important;height:134px !important;margin-top:14px !important;padding:0 !important;display:flex !important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}
.call-circle small{font:600 9px/1.35 'DM Mono',monospace !important;letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin:0}
.call-circle b{font:700 26px/.95 Manrope,sans-serif !important;letter-spacing:-.04em !important;margin:0 !important;text-align:center}
.call-circle i{position:static !important;font-size:17px;line-height:1;margin-top:1px}
@media(max-width:760px){.call-circle{width:112px !important;height:112px !important;gap:5px}.call-circle small{font-size:8px !important}.call-circle b{font-size:22px !important}}