/* C2 design – 11-footer. Extracted verbatim from claude-design/c2-website/pages/*.html (lines 401-424). Load order matters: keep the numeric prefix order. */
.ft{width:100%;margin:0;box-sizing:border-box;padding:56px max(32px,calc((100% - 1216px)/2)) 32px;color:#FFFFFF;background:#009FE3;border-radius:0}
.ft-logo{display:block;line-height:0;width:fit-content}
.ft-logo img{height:84px;width:auto;display:block;filter:brightness(0) invert(1)}
.ft-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;margin-top:36px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.28)}
.ft-brand{margin:0;font-size:14px;font-weight:800;letter-spacing:0.01em;text-transform:none;color:#FFFFFF}
.ft-tag{margin:0;font-size:15px;color:rgba(255,255,255,0.88)}
.ft-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:32px 0 36px;border-bottom:1px solid rgba(255,255,255,0.28)}
.ft h4{margin:0 0 22px;font-size:14px;font-weight:800;color:#FFFFFF}
.ft ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.ft a{color:rgba(255,255,255,0.88);text-decoration:none;font-size:15px;transition:color .2s ease}
.ft ul a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:4px}
.ft a:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px;border-radius:4px}
.ft-ct{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:rgba(255,255,255,0.88)}
.ft-ct svg{flex:none;width:18px;height:18px;margin-top:2px;fill:none;stroke:#FFFFFF;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ft-soc{display:flex;gap:10px;align-items:flex-start}
.ft-soc a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;transition:background .25s ease,transform .25s ease}
.ft-soc a:hover{background:rgba(255,255,255,0.35);transform:translateY(-2px)}
.ft-soc svg{width:17px;height:17px;fill:#FFFFFF}
.ft-bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;padding-top:24px;font-size:14px;color:rgba(255,255,255,0.85)}
.ft-bot a{font-size:14px;color:rgba(255,255,255,0.85)}
.ft-bot a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:4px}
.ft-legal{display:flex;flex-wrap:wrap;gap:8px 32px}
@media(max-width:900px){.ft-cols{grid-template-columns:1fr 1fr}.ft-soc{grid-column:1/-1}}
@media(max-width:560px){.ft{padding:40px 20px 28px;border-radius:0}.ft-cols{grid-template-columns:1fr}.ft-top,.ft-bot{flex-direction:column;align-items:flex-start}}