.cs-main{background:#fff}.cs-wrap{max-width:1140px;margin:0 auto;padding:10px 24px 96px}.cs-crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#8a8a92;font-size:13px;margin-bottom:12px}.cs-crumbs a{color:#52525b;text-decoration:none}.cs-crumbs a:hover{color:var(--color-accent, #a855f7)}.cs-crumbs svg{width:14px;height:14px;flex-shrink:0}.cs-crumbs span[aria-current]{color:#18181b;font-weight:600}.cs-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.cs-eyebrow{margin:0 0 8px;color:var(--color-accent, #a855f7);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cs-title{margin:0;font-size:clamp(28px,4.2vw,48px);line-height:1.06;letter-spacing:-.03em;color:#18181b}.cs-stats{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;align-items:flex-start}.cs-stat{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#f4f4f5;border:1px solid #e7e7ea;color:#52525b;font-size:12px;line-height:1;font-weight:600}.cs-stat svg{width:15px;height:15px;flex-shrink:0}.cs-stat b{color:#18181b;font-size:12px;line-height:1;font-variant-numeric:tabular-nums}.cs-like{cursor:pointer;font:inherit;min-width:0;position:relative;transition:background .2s,border-color .2s,color .2s}.cs-like:hover{background:#ede9fe;border-color:#a855f74d;color:#7c3aed}.cs-like.is-liked{background:#a855f71a;border-color:#a855f766;color:#7c3aed}.cs-like.is-liked svg{fill:#a855f7;stroke:#a855f7}.cs-like svg{transition:fill .2s,stroke .2s}.cs-like__toast{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);white-space:nowrap;background:#18181b;color:#fff;font-size:12px;padding:6px 12px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}.cs-like.show-toast .cs-like__toast{opacity:1;transform:translate(-50%) translateY(0)}.cs-like.pulse svg{animation:cs-heartpop .35s ease}@keyframes cs-heartpop{0%{transform:scale(1)}40%{transform:scale(1.55)}to{transform:scale(1)}}.cs-layout{display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto 1fr;column-gap:40px;row-gap:0}.cs-hero{grid-column:1;grid-row:1}.cs-left{grid-column:1;grid-row:2}.cs-side{grid-column:2;grid-row:1 / span 2;align-self:start;position:sticky;top:24px}.cs-hero{position:relative;border-radius:22px;overflow:hidden;background:#f4f4f5;border:1px solid #e7e7ea;margin-bottom:32px}.cs-bars{position:absolute;inset:14px 14px auto;display:flex;gap:6px;z-index:2}.cs-bar{flex:1;height:3px;background:#ffffff59;border-radius:2px;overflow:hidden}.cs-bar i{display:block;height:100%;width:0;background:#fff}.cs-track{display:flex;transition:transform .7s cubic-bezier(.7,0,.2,1)}.cs-slide{min-width:100%;flex:0 0 100%}.cs-slide img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover}.cs-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.cs-tag{font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;background:#a855f714;border:1px solid rgba(168,85,247,.2);color:#7c3aed}.cs-section{padding:28px 0;border-top:1px solid #efeff2}.cs-section:first-of-type{border-top:none}.cs-h2{margin:0 0 10px;font-size:20px;color:#18181b}.cs-section p{margin:0;color:#52525b;line-height:1.75;font-size:16px}.cs-hint{font-size:13px;color:#8a8a92;margin:0 0 12px}.cs-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.cs-chip{font-size:13px;padding:7px 13px;border-radius:999px;background:#f4f4f5;border:1px solid #e7e7ea;color:#3f3f46}.cs-chip--tech{background:#18181b;border-color:#18181b;color:#fff}.cs-card{background:#fff;border:1px solid #e7e7ea;border-radius:22px;padding:24px;box-shadow:0 24px 48px -28px #18181b59}.cs-card__label{margin:0 0 16px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8a8a92}.cs-spec{list-style:none;padding:0;margin:0 0 20px}.cs-spec li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f3}.cs-spec li:last-child{border-bottom:none}.cs-spec__ic{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f4f4f5;border-radius:8px;margin-top:1px}.cs-spec__ic svg{width:15px;height:15px;color:#52525b}.cs-spec__k{display:block;font-size:11px;color:#8a8a92;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.cs-spec__v{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#18181b}.cs-spec__v svg{width:15px;height:15px;color:#22c55e}.cs-card__actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;border:1px solid transparent;transition:background .18s,border-color .18s,color .18s}.cs-btn svg{width:15px;height:15px;flex-shrink:0}.cs-btn--primary{background:var(--color-accent, #a855f7);border-color:var(--color-accent, #a855f7);color:#fff}.cs-btn--primary:hover{background:var(--color-accent-hover, #9333ea);border-color:var(--color-accent-hover, #9333ea)}.cs-btn--ghost{background:#fff;border-color:#d4d4d8;color:#18181b}.cs-btn--ghost:hover{border-color:#18181b}.cs-more{margin-top:64px}.cs-more__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.cs-more__head h2{margin:0;font-size:22px;color:#18181b}.cs-more__all{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--color-accent, #a855f7);text-decoration:none}.cs-more__all:hover{color:var(--color-accent-hover, #9333ea)}.cs-more__all svg{width:15px;height:15px}.cs-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cs-thumb{display:block;background:#fff;border:1px solid #e7e7ea;border-radius:16px;overflow:hidden;text-decoration:none;transition:box-shadow .2s,transform .2s}.cs-thumb:hover{box-shadow:0 12px 32px -12px #18181b33;transform:translateY(-2px)}.cs-thumb__img{overflow:hidden}.cs-thumb__img img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .3s}.cs-thumb:hover .cs-thumb__img img{transform:scale(1.04)}.cs-thumb__meta{padding:10px 14px 14px}.cs-thumb__meta b{display:block;font-size:14px;color:#18181b;margin-bottom:3px}.cs-thumb__meta span{font-size:12px;color:#8a8a92}.cs-cta{margin-top:64px;background:#18181b;border-radius:24px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.cs-cta h3{margin:0 0 8px;font-size:22px;color:#fff}.cs-cta p{margin:0;color:#a1a1aa;font-size:15px;max-width:520px}@media(max-width:980px){.cs-layout{display:flex;flex-direction:column}.cs-side{position:static;width:100%;align-self:stretch}.cs-hero{order:1}.cs-left{order:2}.cs-side{order:3}.cs-card{margin-top:8px;width:100%;max-width:none}.cs-card__actions .cs-btn{width:100%}.cs-more__grid{grid-template-columns:repeat(2,1fr)}.cs-cta{padding:32px 24px}}@media(max-width:560px){.cs-wrap{padding:8px 16px 72px}.cs-title{font-size:26px}.cs-tags{margin-bottom:14px}.cs-chip,.cs-tag{font-size:12px}.cs-more__grid{grid-template-columns:1fr}.cs-cta{flex-direction:column;align-items:flex-start}}