.work-analytics{transform-style:preserve-3d;will-change:transform,opacity;border-radius:1rem;border:1px solid color-mix(in srgb,var(--work-accent,#31c7ff) 42%,rgba(255,255,255,.15));background:rgba(10,14,20,.96);box-shadow:0 28px 64px color-mix(in srgb,var(--work-accent,#31c7ff) 20%,transparent);overflow:hidden}.work-analytics__chrome{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.work-analytics__chrome p{margin:0;font-weight:600}.work-analytics__chrome span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}.work-analytics__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.55rem;padding:.85rem}.work-analytics__panel{border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);padding:.75rem;min-height:96px}.work-analytics__panel p{margin:0;font-size:.85rem;font-weight:500}.work-analytics__panel span{display:block;margin-top:.45rem;font-size:11px;color:rgba(255,255,255,.5)}.work-analytics__panel--main{background:linear-gradient(160deg,color-mix(in srgb,var(--work-accent,#31c7ff) 28%,transparent),rgba(8,12,18,.9))}.work-analytics__bars{display:flex;align-items:flex-end;gap:.35rem;height:54px;margin-top:.85rem}.work-analytics__bars i{flex:1;border-radius:.25rem .25rem 0 0;background:color-mix(in srgb,var(--work-accent,#31c7ff) 70%,#fff);opacity:.75}.work-analytics__bars i:first-child{height:35%}.work-analytics__bars i:nth-child(2){height:62%}.work-analytics__bars i:nth-child(3){height:48%}.work-analytics__bars i:nth-child(4){height:80%}.work-analytics__copy{margin:0;padding:0 1rem 1rem;font-size:.9rem;color:rgba(255,255,255,.7)}@media (max-width:767px){.work-analytics__grid{grid-template-columns:1fr 1fr}.work-analytics__panel--main{grid-column:1/-1}}.work-browser{transform-style:preserve-3d;will-change:transform,opacity;border-radius:1rem;border:1px solid color-mix(in srgb,var(--work-accent,#31c7ff) 40%,rgba(255,255,255,.15));background:rgba(12,14,18,.96);box-shadow:0 30px 70px color-mix(in srgb,var(--work-accent,#31c7ff) 22%,transparent);overflow:hidden}.work-browser__chrome{display:flex;align-items:center;gap:.35rem;padding:.65rem .85rem;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.work-browser__chrome span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2)}.work-browser__chrome p{margin:0 0 0 .5rem;font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.04em}.work-browser__viewport{position:relative;min-height:180px;background:linear-gradient(145deg,color-mix(in srgb,var(--work-accent,#31c7ff) 28%,transparent),rgba(8,10,14,.95))}.work-browser__img{display:block;width:100%;height:220px;-o-object-fit:cover;object-fit:cover}.work-browser__placeholder{min-height:180px;display:grid;place-content:center;gap:.35rem;text-align:center;color:rgba(255,255,255,.7)}.work-browser__placeholder span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4)}.work-browser__mobile{position:absolute;right:1rem;bottom:1rem;width:72px;height:120px;border-radius:.85rem;border:1px solid rgba(255,255,255,.2);background:rgba(10,12,16,.85);display:grid;place-items:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}.work-browser__copy{padding:.85rem 1rem 1rem;border-top:1px solid rgba(255,255,255,.06)}@media (max-width:767px){.work-browser__mobile{width:56px;height:96px;right:.65rem;bottom:.65rem}}