.cs-scrub{height:240vh;position:relative}.cs-scrub__stick{top:var(--hm-top);min-height:calc(100vh - var(--hm-top));min-height:calc(100svh - var(--hm-top));flex-direction:column;justify-content:center;padding:48px 0;display:flex;position:sticky}@media (max-width:860px){.cs-scrub{height:260svh}.cs-scrub__stick{justify-content:flex-start;padding-top:20px;padding-bottom:16px}}@media (max-width:860px) and (max-height:720px){.cs-stage{height:320px}}.cs-steps{gap:14px;padding:0;list-style:none;display:grid}.cs-steps li{color:var(--color-faint);grid-template-columns:28px minmax(0,1fr);gap:10px;transition:color .3s;display:grid}.cs-steps li p{color:var(--color-faint);margin-top:2px;transition:color .3s}.cs-steps li.is-done{color:var(--color-muted)}.cs-steps li.is-on{color:var(--color-ink)}.cs-steps li.is-on>span{color:var(--color-signal)}.cs-steps li.is-on p{color:var(--color-muted)}@media (max-width:860px){.cs-steps li p{display:none}}.cs-stage{border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:#0e1217;height:440px;position:relative;overflow:hidden}@media (max-width:860px){.cs-stage{height:380px}}.cs-stage__bar{border-bottom:1px solid var(--color-line);height:40px;font:12px/40px var(--font-mono);padding:0 16px;position:relative}.cs-stage__before,.cs-stage__after{transition:none;position:absolute;left:16px}.cs-stage__before{color:var(--color-critical);opacity:calc(1 - var(--t) * 2)}.cs-stage__after{color:var(--color-ink);opacity:calc(var(--t) * 2 - 1)}.cs-sheet{font:11.5px var(--font-mono);color:#3a3f45;pointer-events:none;background:#f2f1ec;grid-template-columns:52px 1.4fr .8fr 1fr .7fr .6fr .8fr 1.2fr;grid-auto-rows:38px;display:grid;position:absolute;inset:40px 0 0}.cs-cell{white-space:nowrap;text-overflow:ellipsis;--p:clamp(0, calc((var(--t) - var(--d,0)) * 1.6), 1);transform:translate(calc(var(--dx,0px) * var(--p)), calc(var(--dy,0px) * var(--p))) scale(calc(1 - var(--p) * .3));opacity:calc(1 - var(--p));border-bottom:1px solid #d9d7cf;border-right:1px solid #d9d7cf;align-items:center;padding:0 8px;display:flex;overflow:hidden}.cs-cell--head{color:#5e6873;background:#e6e3da;font-weight:500}.cs-cell.is-bad{color:#9a3a22;background:#f7ddd5}.cs-sheet{opacity:clamp(0, calc(1.2 - var(--t) * 1.9), 1)}@media (max-width:860px){.cs-sheet{grid-template-columns:44px 1.4fr .8fr 1fr .7fr}.cs-sheet>:nth-child(8n+6),.cs-sheet>:nth-child(8n+7),.cs-sheet>:nth-child(8n){display:none}}.cs-tool{color:var(--color-ink);opacity:clamp(0, calc((var(--t) - .35) * 2.2), 1);pointer-events:none;grid-template-rows:auto 1fr auto;gap:12px;padding:16px;font-size:13px;display:grid;position:absolute;inset:40px 0 0}.cs-tool__kpis{transform:translateY(calc((1 - var(--t)) * 24px));grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cs-tool__kpis div{border:1px solid var(--color-line);background:var(--color-raised);border-radius:10px;padding:12px 14px}.cs-tool__kpis span{font:11px var(--font-mono);color:var(--color-faint);text-transform:uppercase;letter-spacing:.06em;display:block}.cs-tool__kpis b{font:400 26px/1 var(--font-serif);margin-top:6px;display:block}.cs-tool__table{border:1px solid var(--color-line);background:var(--color-raised);transform:translateY(calc((1 - var(--t)) * 40px));border-radius:10px;align-self:start;padding:4px 14px}.cs-tool__row{border-top:1px solid var(--color-line);grid-template-columns:60px minmax(0,1.4fr) minmax(0,.7fr) auto;align-items:center;gap:10px;padding:9px 0;display:grid}.cs-tool__row:first-child{border-top:0}.cs-tool__row>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cs-pill{font:500 11px var(--font-mono);border-radius:var(--radius-sm);border:1px solid;padding:3px 8px}.cs-pill--pass{color:var(--color-pass);border-color:#93d9bc73}.cs-pill--info{color:var(--color-info);border-color:#8fb8e873}.cs-pill--crit{color:var(--color-critical);border-color:#f08a7273}.cs-tool__note{font:11.5px var(--font-mono);color:var(--color-signal);border-radius:var(--radius-sm);transform:translateY(calc((1 - var(--t)) * 56px));border:1px solid #e0a84e66;padding:6px 10px}@media (max-width:860px){.cs-tool__kpis b{font-size:20px}.cs-tool__row{grid-template-columns:52px minmax(0,1fr) auto}.cs-tool__row>:nth-child(3){display:none}.cs-tool__note{white-space:normal}}.cs-grid{border-top:1px solid var(--color-line);border-left:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cs-offer{border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);padding:26px;transition:background-color .2s}@media (hover:hover){.cs-offer:hover{background:var(--color-raised)}}@media (max-width:960px){.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.cs-grid{grid-template-columns:minmax(0,1fr)}}.cs-example{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-raised);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:36px;display:grid}@media (max-width:860px){.cs-example{grid-template-columns:minmax(0,1fr);gap:24px;padding:22px}}.cs-checks{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;display:grid}@media (max-width:600px){.cs-checks{grid-template-columns:minmax(0,1fr)}}.cs-check{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-raised);align-items:center;gap:12px;padding:14px 16px;font-size:15px;display:flex}.cs-check__mark{width:22px;height:22px;color:var(--color-pass);border:1px solid #93d9bc80;border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.cs-shapes{border-top:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cs-shapes__item{padding:28px 28px 8px 0}.cs-shapes__item+.cs-shapes__item{border-left:1px solid var(--color-line);padding-left:28px}@media (max-width:860px){.cs-shapes{grid-template-columns:minmax(0,1fr)}.cs-shapes__item,.cs-shapes__item+.cs-shapes__item{border-left:0;padding:24px 0}.cs-shapes__item+.cs-shapes__item{border-top:1px solid var(--color-line)}}@media (prefers-reduced-motion:reduce){.cs-steps li,.cs-steps li p,.cs-offer{transition:none}}