.cases-page{background:var(--bg-primary);min-height:100vh;padding-top:calc(var(--promo-strip-h,0px) + var(--page-top))}.cases-page__hero{background:var(--bg-deep);border-bottom:1px solid var(--border-subtle);padding:56px 0 48px;position:relative;overflow:hidden}.cases-page__hero-bg{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.cases-page__hero-glow{filter:blur(120px);opacity:.35;border-radius:50%;position:absolute}.cases-page__hero-glow--1{background:#3b82f638;width:520px;height:520px;top:-240px;right:-120px}.cases-page__hero-glow--2{background:#22c55e29;width:320px;height:320px;bottom:-160px;left:8%}.cases-page__hero-content{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.cases-page__back{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:20px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s,gap .2s;display:inline-flex}.cases-page__back:hover{color:var(--accent);gap:8px}.cases-page__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:11px;font-weight:700;display:inline-block}.cases-page__title{font-family:var(--font-display);letter-spacing:-1px;color:var(--text-primary);margin:0 0 14px;font-size:46px;font-weight:800;line-height:1.1}.cases-page__title-accent{color:var(--accent);text-shadow:0 0 40px var(--accent-glow)}.cases-page__subtitle{color:var(--text-secondary);max-width:560px;margin:0;font-size:15px}.cases-page__proof{align-items:center;gap:10px;display:flex}.cases-page__proof-stars{color:#f5b400;align-items:center;gap:2px;font-size:12px;font-weight:700;display:inline-flex}.cases-page__proof-stars span{color:var(--text-secondary);margin-left:3px;font-size:13px}.cases-page__proof-div{background:var(--border-subtle);flex-shrink:0;width:1px;height:14px}.cases-page__proof-trust{color:var(--text-secondary);font-size:14px}.cases-page__content{padding:40px 0 96px}.cases-page__container{flex-direction:column;gap:48px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.cases-page__grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.case-card--skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, #ffffff0a 50%, var(--bg-elevated) 75%);border:1px solid var(--border-subtle);opacity:1;background-size:200% 100%;border-radius:16px;height:320px;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.case-card{--case-color:var(--accent);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:inherit;opacity:0;border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s;animation:.45s cubic-bezier(.32,.72,0,1) forwards case-in;display:flex;position:relative;overflow:hidden}@keyframes case-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.case-card:before{content:"";background:var(--case-color);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.case-card:hover{border-color:color-mix(in srgb, var(--case-color) 40%, var(--border-subtle));box-shadow:0 20px 44px -20px color-mix(in srgb, var(--case-color) 40%, transparent);transform:translateY(-4px)}.case-card:hover:before{opacity:1}.case-card__browser{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:10px 14px;display:flex}.case-card__dots{flex-shrink:0;gap:5px;display:inline-flex}.case-card__dots span{background:var(--border-light);border-radius:50%;width:8px;height:8px}.case-card__dots span:first-child{opacity:.7;background:#ef4444}.case-card__dots span:nth-child(2){opacity:.7;background:#f59e0b}.case-card__dots span:nth-child(3){opacity:.7;background:#22c55e}.case-card__url{color:var(--text-secondary);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:11px;overflow:hidden}.case-card__browser-ext{color:var(--text-muted);flex-shrink:0;transition:color .2s}.case-card:hover .case-card__browser-ext{color:var(--case-color)}.case-card__body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.case-card__head{align-items:center;gap:12px;display:flex}.case-card__avatar{background:color-mix(in srgb, var(--case-color) 22%, var(--bg-surface));width:40px;height:40px;color:var(--case-color);font-family:var(--font-display);border:1px solid color-mix(in srgb, var(--case-color) 35%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:inline-flex;overflow:hidden}.case-card__avatar-img{object-fit:cover;width:100%;height:100%}.case-card__quote{border-left:2px solid color-mix(in srgb, var(--case-color) 50%, transparent);background:color-mix(in srgb, var(--case-color) 6%, var(--bg-surface));border-radius:0 8px 8px 0;margin:0;padding:10px 12px}.case-card__quote p{color:var(--text-secondary);margin:0;font-size:12.5px;font-style:italic;line-height:1.5}.case-card__shots{flex-direction:column;gap:6px;margin-top:auto;display:flex}.case-card__shots~.case-card__link{margin-top:14px}.case-card__shots-label{color:var(--text-secondary);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.case-card__shots-row{flex-wrap:wrap;gap:6px;display:flex}.case-card__shot{cursor:pointer;border:1px solid var(--border-strong,var(--border-subtle));background:var(--bg-surface);border-radius:9px;flex-shrink:0;width:64px;height:52px;padding:0;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden}.case-card__shot:hover{border-color:color-mix(in srgb, var(--case-color) 60%, transparent);transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}.case-card__shot img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .25s;display:block}.case-card__shot:hover img{transform:scale(1.05)}.case-card__shot-zoom{color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:.85;background:#0f121c9e;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .18s,background .18s;display:inline-flex;position:absolute;bottom:4px;right:4px}.case-card__shot:hover .case-card__shot-zoom{opacity:1;background:#0f121cc7}.case-card__shot:focus-visible .case-card__shot-zoom{opacity:1;background:#0f121cc7}.cases-lightbox{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c14d1;justify-content:center;align-items:center;padding:24px;animation:.18s cases-lightbox-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes cases-lightbox-in{0%{opacity:0}to{opacity:1}}.cases-lightbox__figure{flex-direction:column;align-items:center;gap:12px;max-width:min(92vw,720px);margin:0;display:flex}.cases-lightbox__img{object-fit:contain;border-radius:14px;max-width:100%;max-height:78vh;box-shadow:0 24px 64px #00000080}.cases-lightbox__caption{color:#ffffffd9;text-align:center;max-width:600px;font-size:13px;line-height:1.5}.cases-lightbox__counter{color:#fff9;font-size:12px;font-weight:600}.cases-lightbox__close,.cases-lightbox__nav{cursor:pointer;color:#fff;background:#ffffff1f;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background .18s;display:inline-flex;position:absolute}.cases-lightbox__close:hover,.cases-lightbox__nav:hover{background:#ffffff3d}.cases-lightbox__close{width:40px;height:40px;top:20px;right:20px}.cases-lightbox__nav{width:44px;height:44px;top:50%;transform:translateY(-50%)}.cases-lightbox__nav--prev{left:16px}.cases-lightbox__nav--next{right:16px}@media (max-width:600px){.cases-lightbox__nav{width:38px;height:38px}.cases-lightbox__nav--prev{left:8px}.cases-lightbox__nav--next{right:8px}}.case-card__meta{flex-direction:column;gap:1px;min-width:0;display:flex}.case-card__name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.15px;font-size:14px;font-weight:700;line-height:1.3}.case-card__desc{color:var(--text-secondary);font-size:12px;line-height:1.3}.case-card__metric{background:color-mix(in srgb, var(--case-color) 8%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--case-color) 22%, transparent);color:var(--case-color);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.case-card__metric-body{flex-direction:column;gap:1px;line-height:1.2;display:flex}.case-card__metric-body strong{font-family:var(--font-display);color:var(--case-color);font-size:13px;font-weight:800}.case-card__metric-body span{color:var(--text-secondary);font-size:11px;font-weight:500}.case-card__plan{color:var(--plan-color);align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.case-card__plan-widgets{color:var(--text-ghost);border-left:1px solid var(--border-subtle);padding-left:4px;font-size:10.5px;font-weight:500}.case-card__rating{align-items:center;gap:6px;display:inline-flex}.case-card__stars{color:#f5b400;gap:2px;display:inline-flex}.case-card__rating-value{color:#f5b400;letter-spacing:.01em;font-size:11px;font-weight:700}.case-card__widgets{flex-wrap:wrap;gap:5px;display:flex}.case-card__widget-tag{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 3px 7px;font-size:10.5px;font-weight:600;text-decoration:none;display:inline-flex}.case-card__widget-tag--link{cursor:pointer;transition:background .18s,border-color .18s,color .18s}.case-card__widget-tag--link:hover{background:color-mix(in srgb, var(--case-color) 12%, var(--bg-surface));border-color:color-mix(in srgb, var(--case-color) 40%, transparent);color:var(--case-color)}.case-card__widget-tag-icon{flex-shrink:0}.case-card__link{font-family:var(--font-display);color:var(--text-muted);align-items:center;gap:6px;margin-top:auto;padding-top:4px;font-size:12px;font-weight:700;text-decoration:none;transition:color .2s,gap .2s;display:inline-flex}.case-card__link:hover{color:var(--case-color);gap:9px}.cases-page__mysites{flex-direction:column;gap:32px;display:flex}.cases-page__mysites-header{flex-direction:column;gap:8px;display:flex}.cases-page__mysites-title{font-family:var(--font-display);letter-spacing:-.6px;color:var(--text-primary);margin:0;font-size:32px;font-weight:800;line-height:1.1}.case-card__from-scratch{background:color-mix(in srgb, var(--case-color) 8%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--case-color) 22%, transparent);color:var(--case-color);font-family:var(--font-display);border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.cases-page__pagination-wrap{justify-content:center;display:flex}.cases-page__pagination{align-items:center;gap:clamp(3px,1.2vw,6px);display:inline-flex}.cases-page__pag-btn,.cases-page__pag-num,.cases-page__pag-dots{border-radius:clamp(9px,2.5vw,14px);flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,8.5vw,48px);height:clamp(32px,8.5vw,48px);font-size:clamp(12px,3vw,15px);display:inline-flex}.cases-page__pag-btn,.cases-page__pag-num{background:var(--bg-elevated);color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;border:none;font-weight:600;transition:background .18s,color .18s}.cases-page__pag-btn:hover:not(:disabled),.cases-page__pag-num:hover{background:color-mix(in srgb, var(--accent) 14%, var(--bg-elevated));color:var(--accent)}.cases-page__pag-btn:disabled{opacity:.3;cursor:default}.cases-page__pag-num--active{background:var(--accent);color:#fff}.cases-page__pag-num--active:hover{background:var(--accent-hover);color:#fff}.cases-page__pag-dots{color:var(--text-muted);letter-spacing:1px;font-weight:600}.cases-page__cta{text-align:center;background:linear-gradient(145deg, #3b82f60f 0%, var(--bg-elevated) 60%);border:1px solid #3b82f62e;border-radius:20px;padding:36px 32px 40px}.cases-page__cta-title{font-family:var(--font-display);letter-spacing:-.4px;color:var(--text-primary);margin:0 0 6px;font-size:24px;font-weight:800}.cases-page__cta-sub{color:var(--text-secondary);margin:0 0 18px;font-size:14px}.cases-page__cta-btn{background:var(--accent);color:var(--bg-deep);font-family:var(--font-display);letter-spacing:.2px;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px -10px #3b82f680}.cases-page__cta-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 32px -10px #3b82f699}@media (max-width:960px){.cases-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cases-page__hero{padding:40px 0 36px}.cases-page__title{font-size:32px}.cases-page__content{padding:32px 0 72px}.cases-page__container{gap:36px}.cases-page__grid{grid-template-columns:1fr;gap:14px}.cases-page__cta{padding:28px 24px 32px}.cases-page__cta-title{font-size:20px}}