:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0a0b0d;--tile:#141820;--border:#ffffff14;--border-strong:#ffffff24;--text:#f3f4f6;--muted:#ffffffad;--accent:#d7b07a}*{box-sizing:border-box}body{background:var(--background);color:var(--text);min-height:100vh;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}img{max-width:100%;height:auto;display:block}.page-content{opacity:0;transition:opacity .26s,transform .26s;transform:translateY(8px)}.page-content.is-ready{opacity:1;transform:translateY(0)}.page-loader{z-index:1000;background:var(--background);justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.page-loader.is-closing{opacity:0;visibility:hidden}.page-loader-logo{width:min(220px,42vw);height:auto;animation:1.1s ease-in-out infinite loaderPulse}.page-shell{width:min(1200px,100% - 2rem);margin:0 auto;padding:clamp(20px,4vw,40px) 0 clamp(24px,4vw,40px)}.page-header{border:1px solid var(--border);background:linear-gradient(#ffffff08,#ffffff03),#101318;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:clamp(20px,3vw,28px);padding:clamp(18px,2.4vw,24px);display:flex;box-shadow:inset 0 1px #ffffff08}.page-header-copy{min-width:0}.page-eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:700}.page-header h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.45rem,3vw,2.1rem);font-weight:650;line-height:1.05}.page-description{max-width:620px;color:var(--muted);margin:8px 0 0;font-size:clamp(.9rem,1.4vw,1rem);line-height:1.65}.page-count{border:1px solid var(--border-strong);color:#fff;background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;min-width:52px;height:38px;padding:0 14px;font-size:.95rem;font-weight:600;display:inline-flex}.client-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,16px);width:100%;display:grid}.logo-tile{opacity:0;border:1px solid var(--border);background:var(--tile);will-change:transform, opacity;border-radius:14px;justify-content:center;align-items:center;min-height:clamp(92px,14vw,120px);padding:clamp(14px,2vw,20px);transition:border-color .18s,transform .18s,background-color .18s;display:flex;transform:translateY(18px)scale(.98);box-shadow:inset 0 1px #ffffff08}.logo-tile-skeleton{opacity:1;transform:none}.page-content.is-ready .logo-tile{animation:.52s cubic-bezier(.22,1,.36,1) forwards logoTileReveal;animation-delay:calc((var(--tile-index) * 70ms) + 80ms)}.logo-tile:hover{border-color:var(--border-strong);background:#181d26;transform:translateY(-2px)}.logo{object-fit:contain;width:auto;max-width:100%;height:clamp(32px,5vw,48px)}.logo-media{justify-content:center;align-items:center;width:100%;min-height:clamp(48px,7vw,72px);display:flex}.logo-placeholder{border:1px solid var(--border-strong);width:54px;height:54px;color:var(--text);background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.logo-skeleton{background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f) 0 0/200% 100%;border-radius:999px;width:min(180px,100%);height:clamp(32px,5vw,48px);animation:1.1s ease-in-out infinite skeletonPulse}.client-feedback{border:1px solid var(--border);background:var(--tile);color:var(--muted);border-radius:14px;padding:20px;font-size:.95rem;line-height:1.6}@keyframes loaderPulse{0%,to{opacity:.82;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@keyframes logoTileReveal{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1100px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.page-header{flex-direction:column;align-items:flex-start}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.page-shell{width:min(100% - 1rem,1200px)}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-tile{border-radius:12px;min-height:96px}}
