.cs-sec{z-index:1;padding:clamp(52px,7.5vw,96px) 0;position:relative}.cs-sec--tint{background:color-mix(in srgb, var(--surface-ghost) 70%, transparent);border-block:1px solid color-mix(in srgb, var(--line-d) 70%, transparent)}.cs [id]{scroll-margin-top:calc(var(--site-header-h,72px) + 16px)}.cs-h2{max-width:30ch;font-family:var(--font-sora), system-ui, sans-serif;letter-spacing:-.03em;color:var(--text-heading);text-wrap:balance;margin:.7rem 0 0;font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:700;line-height:1.15}.cs-h3{font-family:var(--font-sora), system-ui, sans-serif;color:var(--text-heading);margin:1.75rem 0 .5rem;font-size:1.1rem}.cs-lead,.cs-text{max-width:62ch;color:var(--text-soft);margin:1rem 0 0;line-height:1.75}.cs-lead{font-size:clamp(1rem,1.3vw,1.1rem)}.cs-source{color:var(--text-soft);margin:1rem 0 0;font-size:.82rem;font-style:italic}.cs-sec-head{max-width:46rem;margin-bottom:clamp(1.25rem,3vw,2rem)}.cs-sec-head p{color:var(--text-soft);margin:.7rem 0 0}.cs-sec-head--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;max-width:none;display:flex}.cs-more-link{color:var(--cyan);align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.cs-head__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:clamp(1.25rem,3vw,1.75rem);display:flex}.cs-live{background:linear-gradient(135deg, var(--blue,#2563eb), var(--cyan));color:#fff;min-height:48px;box-shadow:0 10px 28px -12px color-mix(in srgb, var(--cyan) 70%, transparent);transition:transform .2s var(--ease);border-radius:999px;align-items:center;gap:.45rem;padding:0 1.35rem;font-size:.95rem;font-weight:600;display:inline-flex}.cs-live:hover,.cs-live:focus-visible{transform:translateY(-2px)}.cs-toc{scrollbar-width:none;gap:8px;margin-top:clamp(1.25rem,3vw,2rem);padding-bottom:4px;display:flex;overflow-x:auto}.cs-toc::-webkit-scrollbar{display:none}.cs-toc a{border:1px solid var(--line-d);background:var(--surface-chip);color:var(--text-soft);border-radius:999px;flex:none;padding:7px 13px;font-size:.82rem;font-weight:500}.cs-toc a:hover,.cs-toc a:focus-visible{color:var(--cyan);border-color:color-mix(in srgb, var(--cyan) 50%, var(--line-d))}.cs-overview{align-items:start;gap:clamp(1.75rem,4vw,3.5rem);display:grid}@media (min-width:960px){.cs-overview{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.cs-overview__media{top:calc(var(--site-header-h,72px) + 24px);position:sticky}}.cs-hero{border:1px solid var(--line-d);box-shadow:var(--shadow-soft);border-radius:24px;margin:0;overflow:hidden}.cs-hero__img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.cs-facts{border:1px solid var(--line-d);background:var(--line-d);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:1.75rem 0 0;display:grid;overflow:hidden}.cs-facts>div{background:var(--surface-card);padding:.9rem 1rem}.cs-facts dt{letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);font-size:.7rem;font-weight:600}.cs-facts dd{color:var(--text-heading);overflow-wrap:anywhere;margin:.3rem 0 0;font-size:.95rem;font-weight:600}.cs-facts dd a{color:var(--cyan)}.cs-facts__links{flex-wrap:wrap;gap:6px 14px;display:flex}@media (min-width:640px){.cs-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-split{gap:clamp(2.25rem,5vw,3.5rem);display:grid}@media (min-width:960px){.cs-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,5vw,4.5rem)}.cs-split--wide{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}.cs-objectives{counter-reset:obj;gap:10px;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.cs-objectives li{border:1px solid var(--line-d);background:var(--surface-card);color:var(--text-heading);counter-increment:obj;border-radius:14px;padding:.85rem 1rem .85rem 3.1rem;line-height:1.5;position:relative}.cs-objectives li:before{content:counter(obj, decimal-leading-zero);font-family:var(--font-sora), system-ui, sans-serif;color:var(--cyan);font-size:.8rem;font-weight:700;position:absolute;top:.85rem;left:1rem}.cs-cards{gap:12px;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.cs-card{border:1px solid var(--line-d);border-left:3px solid var(--cyan);background:var(--surface-card);box-shadow:var(--shadow-soft);border-radius:16px;padding:1.1rem 1.2rem}.cs-card h3,.cs-feature h3,.cs-step h3{font-family:var(--font-sora), system-ui, sans-serif;color:var(--text-heading);margin:0;font-size:1.02rem;font-weight:700;line-height:1.3}.cs-card p,.cs-feature p,.cs-step p{color:var(--text-soft);margin:.4rem 0 0;font-size:.93rem;line-height:1.62}.cs-solution{border:1px solid color-mix(in srgb, var(--cyan) 30%, var(--line-d));background:radial-gradient(ellipse 70% 100% at 0% 0%, color-mix(in srgb, var(--cyan) 12%, transparent), transparent 65%), var(--surface-card);border-radius:20px;margin-top:clamp(2rem,5vw,3rem);padding:clamp(1.25rem,3vw,1.75rem)}.cs-solution p{max-width:70ch;color:var(--text-heading);margin:.75rem 0 0;font-size:clamp(1.02rem,1.4vw,1.15rem);line-height:1.7}.cs-features{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.cs-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cs-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.cs-feature{border:1px solid var(--line-d);background:var(--surface-card);border-radius:16px;align-items:flex-start;gap:.85rem;padding:1.1rem 1.15rem;display:flex}.cs-feature__icon{background:color-mix(in srgb, var(--cyan) 14%, transparent);width:28px;height:28px;color:var(--cyan);border-radius:50%;flex:none;place-items:center;display:grid}.cs-arch{gap:10px;margin:1.25rem 0 0;display:grid}.cs-arch>div{border:1px solid var(--line-d);background:var(--surface-card);border-radius:14px;gap:.25rem;padding:.9rem 1rem;display:grid}@media (min-width:640px){.cs-arch>div{grid-template-columns:9rem minmax(0,1fr);gap:1rem}}.cs-arch dt{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);padding-top:.15rem;font-size:.72rem;font-weight:600}.cs-arch dd{color:var(--text-heading);margin:0;line-height:1.55}.cs-steps{gap:18px;margin:1.25rem 0 0;padding:0;list-style:none;display:grid;position:relative}.cs-steps:before{content:"";background:linear-gradient(var(--cyan), color-mix(in srgb, var(--cyan) 10%, transparent));width:2px;position:absolute;top:16px;bottom:16px;left:15px}.cs-step{align-items:flex-start;gap:1rem;display:flex;position:relative}.cs-step__num{background:linear-gradient(135deg, var(--blue,#2563eb), var(--cyan));width:32px;height:32px;font-family:var(--font-sora), system-ui, sans-serif;color:#fff;border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid;position:relative}.cs-step>div{padding-top:.25rem}.cs-gallery{align-items:start;gap:clamp(1.25rem,3vw,2rem);display:grid}@media (min-width:960px){.cs-gallery--with-phone{grid-template-columns:minmax(0,1fr) minmax(220px,300px)}}.cs-gallery__desktop{gap:clamp(1.25rem,3vw,2rem);display:grid}.cs-gallery__mobile{justify-items:center;gap:1.5rem;display:grid}.cs-gallery--phones{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:clamp(1.25rem,3vw,2rem) clamp(.75rem,2.5vw,2rem)}@media (min-width:960px){.cs-gallery--phones{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:479px){.cs-gallery--phones .cs-frame--mobile{border-radius:24px;padding:5px}.cs-gallery--phones .cs-frame--mobile img{border-radius:19px}}.cs-shot{margin:0}.cs-shot figcaption{color:var(--text-soft);text-align:center;margin-top:.65rem;font-size:.86rem}.cs-frame{border:1px solid var(--line-d);background:var(--surface-card);overflow:hidden;box-shadow:0 24px 60px -32px #0f172a73}.cs-frame img{width:100%;height:auto;display:block}.cs-frame--desktop{border-radius:14px}.cs-frame__bar{border-bottom:1px solid var(--line-d);background:var(--surface-chip);align-items:center;gap:6px;padding:9px 12px;display:flex}.cs-frame__bar span{background:color-mix(in srgb, var(--text-soft) 35%, transparent);border-radius:50%;width:9px;height:9px}.cs-frame__bar em{background:var(--surface-card);color:var(--text-soft);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;margin-left:8px;padding:3px 10px;font-size:.72rem;font-style:normal;overflow:hidden}.cs-frame--mobile{background:#0f172a;border-color:#1e293b;border-radius:34px;width:min(100%,280px);padding:8px}.cs-frame--mobile img{border-radius:26px}.cs-tech{gap:10px;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.cs-tech li{border:1px solid var(--line-d);background:var(--surface-card);border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;padding:.85rem 1rem;display:flex}.cs-tech strong{font-family:var(--font-sora), system-ui, sans-serif;color:var(--text-heading)}.cs-tech span{color:var(--text-soft);font-size:.88rem}.cs-outcomes{gap:10px;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.cs-outcomes li{border:1px solid color-mix(in srgb, #10b981 30%, var(--line-d));background:color-mix(in srgb, #10b981 6%, var(--surface-card));color:var(--text-heading);border-radius:14px;align-items:flex-start;gap:.7rem;padding:.85rem 1rem;line-height:1.5;display:flex}.cs-outcomes li svg{color:#10b981;flex:none;margin-top:.2rem}@media (prefers-reduced-motion:reduce){.cs-live{transition:none}.cs-live:hover{transform:none}}