.cs-page{--cs-border: color-mix(in srgb, var(--text) 14%, transparent);--cs-muted: var(--muted);--cs-panel: color-mix(in srgb, var(--text) 5%, transparent);--cs-accent: var(--brand-blue, #4C8DF5);--cs-accent-2: var(--brand-teal, #39B5D5);--cs-accent-soft: color-mix(in srgb, var(--brand-blue, #4C8DF5) 16%, transparent);--cs-gradient: linear-gradient(90deg, var(--brand-teal, #39B5D5), var(--brand-blue, #4C8DF5))}.cs-page section{padding:1.5rem 0}.cs-hero{padding-top:1rem}.cs-hero-grid{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);align-items:stretch}.cs-title{margin:0;font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.03}.cs-lead,.cs-muted,.cs-body-copy{color:var(--cs-muted)}.cs-lead{max-width:58rem;font-size:1.02rem;line-height:1.7;margin-top:1rem}.cs-hero-card,.cs-stat-card,.cs-empty-card,.cs-client-card,.cs-form-card{border:1px solid var(--cs-border);background:var(--cs-panel);border-radius:24px}.cs-hero-card{padding:1.4rem}.cs-hero-card-title,.cs-case-title,.cs-client-name,.cs-review-name,.cs-h3{font-weight:700}.cs-check-list{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.8rem}.cs-check-list li{display:flex;gap:.7rem;line-height:1.5}.cs-check-list li:before{content:"✓";color:var(--cs-accent);font-weight:800}.cs-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cs-h2,.cs-h3{margin:0;font-size:clamp(1.35rem,2.8vw,1.85rem)}.cs-stat-grid,.cs-clients-grid,.cs-cases-grid{display:grid;gap:1rem}.cs-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-stat-label,.cs-meta-label{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8d9}.cs-stat-value{margin-top:.65rem;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;line-height:1.05;background:var(--cs-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.cs-clients-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-client-card{display:flex;align-items:center;gap:1rem}.cs-client-mark{width:3.2rem;height:3.2rem;border-radius:18px;background:var(--cs-gradient);border:1px solid var(--cs-border);color:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;font-weight:800}.cs-client-mark img{width:100%;height:100%;object-fit:cover}.cs-filter-row{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.25rem}.cs-filter{border:1px solid var(--cs-border);background:transparent;color:inherit;border-radius:999px;padding:.68rem 1rem;white-space:nowrap;cursor:pointer}.cs-filter.is-active,.cs-chip,.cs-badge,.cs-alert.is-success,.cs-alert.is-error{background:var(--cs-accent-soft);border-color:color-mix(in srgb,var(--cs-accent) 32%,transparent)}.cs-filter{transition:background .15s ease,border-color .15s ease,color .15s ease}.cs-filter:hover{border-color:color-mix(in srgb,var(--cs-accent) 40%,transparent)}.cs-filter.is-active{color:color-mix(in srgb,var(--cs-accent) 75%,var(--text));font-weight:700}.cs-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-case-card{border:1px solid var(--cs-border);border-radius:24px;overflow:hidden;background:var(--cs-panel)}.cs-case-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#ffffff0a}.cs-case-media img{width:100%;height:100%;object-fit:cover;display:block}.cs-case-top,.cs-case-foot,.cs-review-head,.cs-rating-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.cs-badge,.cs-chip{display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;padding:.45rem .7rem;font-size:.82rem;line-height:1}.cs-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.cs-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.cs-meta-value{margin-top:.35rem;line-height:1.55}.cs-inline-note{color:var(--cs-muted)}.cs-body-copy{margin:.3rem 0 0;line-height:1.7}.cs-quote{margin:1rem 0 0;padding-left:1rem;border-left:3px solid color-mix(in srgb,var(--cs-accent) 45%,transparent);color:var(--cs-muted)}.cs-rating-box,.cs-review-rating{display:inline-flex;align-items:center;gap:.5rem;font-weight:700}.cs-stars{display:inline-flex;gap:.15rem;letter-spacing:.02em}.cs-stars span{color:currentColor;opacity:.28}.cs-stars .is-on,.cs-star-btn.is-on{color:#fbbf24;opacity:1}.cs-reviews-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:1rem;align-items:start}.cs-rating-summary{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.cs-rating-value{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1}.cs-breakdown{display:grid;gap:.6rem}.cs-break-row{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 2rem;align-items:center;gap:.7rem}.cs-break-track{width:100%;height:.5rem;border-radius:999px;overflow:hidden;background:#ffffff14}.cs-break-track span{display:block;height:100%;border-radius:inherit;background:var(--cs-gradient)}.cs-review-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.cs-review-card,.cs-empty-review{border-radius:20px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);background:color-mix(in srgb,currentColor 4.5%,transparent);box-shadow:0 1px color-mix(in srgb,currentColor 6%,transparent) inset,0 10px 24px #0f172a0f;padding:1rem}.cs-empty-review{grid-column:1 / -1}.cs-form-note{margin:.9rem 0 0;padding:.8rem .9rem;border-radius:14px;background:#3b82f61f;border:1px solid rgba(59,130,246,.16);color:var(--cs-muted)}.cs-form{display:grid;gap:.85rem}.cs-form input,.cs-form select,.cs-form textarea{width:100%;border-radius:14px;border:1px solid var(--cs-border);background:#ffffff08;color:inherit;padding:.85rem .95rem;box-sizing:border-box}.cs-form textarea{resize:vertical;min-height:7rem}.cs-star-picker{display:inline-flex;gap:.2rem}.cs-star-btn{border:none;background:transparent;color:currentColor;opacity:.28;font-size:1.9rem;line-height:1;cursor:pointer;padding:0}.cs-alert{border-radius:14px;border:1px solid transparent;padding:.8rem .95rem}.cs-alert.is-success{color:color-mix(in srgb,#22c55e 72%,currentColor 28%);background:color-mix(in srgb,#22c55e 12%,transparent);border-color:color-mix(in srgb,#22c55e 30%,transparent)}.cs-alert.is-error{color:#fee2e2;background:#ef44441f;border-color:#ef444438}.cs-skeleton{overflow:hidden}.cs-skeleton-line{height:.9rem;border-radius:999px;background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14);background-size:200% 100%;animation:csPulse 1.4s linear infinite}.cs-w-sm{width:38%}.cs-w-lg{width:72%;height:2rem}@keyframes csPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1100px){.cs-stat-grid,.cs-clients-grid,.cs-cases-grid,.cs-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-reviews-layout,.cs-hero-grid,.cs-rating-summary{grid-template-columns:1fr}}@media(max-width:760px){.cs-page section{padding:1rem 0}.cs-stat-grid,.cs-clients-grid,.cs-cases-grid,.cs-review-grid,.cs-meta-grid{grid-template-columns:1fr}.cs-stack-mobile,.cs-section-head,.cs-case-top,.cs-case-foot,.cs-review-head{flex-direction:column;align-items:stretch}.cs-client-card{align-items:flex-start}.cs-break-row{grid-template-columns:2.4rem minmax(0,1fr) 1.6rem}}.cs-case-media-btn{width:100%;border:0;padding:0;cursor:pointer;position:relative;text-align:left}.cs-case-thumbs{display:flex;gap:.5rem;padding:.6rem;overflow-x:auto;background:#ffffff0a;border-top:1px solid var(--cs-border);scrollbar-width:thin}.cs-case-thumb{flex:0 0 auto;width:84px;height:56px;border:1px solid var(--cs-border);border-radius:10px;overflow:hidden;padding:0;cursor:pointer;background:#ffffff0a;transition:border-color .18s ease,transform .18s ease}.cs-case-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cs-case-thumb:hover,.cs-case-thumb:focus-visible{border-color:var(--cs-accent);transform:translateY(-1px)}.cs-case-actions{display:inline-flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.cs-case-card,.cs-client-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cs-case-card:hover,.cs-client-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cs-accent) 38%,var(--cs-border));box-shadow:0 16px 34px #0f172a2e}.cs-case-media img{transition:transform .45s ease}.cs-case-media-btn:hover img,.cs-case-media-btn:focus-visible img{transform:scale(1.045)}@media(prefers-reduced-motion:reduce){.cs-case-card,.cs-client-card,.cs-case-media img{transition:none}.cs-case-card:hover,.cs-client-card:hover{transform:none}.cs-case-media-btn:hover img,.cs-case-media-btn:focus-visible img{transform:none}.cs-case-thumb,.cs-case-thumb:hover,.cs-case-thumb:focus-visible{transition:none;transform:none}}