.sy-track{background:var(--s-bg);height:260vh;position:relative}html:not([data-theme=light]) .sy-track{--s-bg:var(--white)}.sy-sticky{--p:0;align-items:center;height:100vh;min-height:640px;padding-top:78px;display:flex;position:sticky;top:0;overflow:hidden}.sy-layout{width:min(var(--container), 100% - 2 * var(--gutter));grid-template-columns:.72fr 1.28fr;align-items:center;gap:64px;display:grid}.sy-copy h2{letter-spacing:-.03em;color:var(--s-strong);margin:18px 0;font-size:clamp(2.1rem,3.7vw,3.6rem)}.sy-copy p{color:var(--s-muted);font-size:1.06rem}.sy-progress{background:var(--s-line);border-radius:2px;height:3px;margin-top:30px;overflow:hidden}.sy-progress i{background:var(--s-accent);height:100%;transform:scaleX(var(--p));transform-origin:0;display:block}.sy-stage{min-height:min(560px,68vh);padding:18px 0 36px;position:relative}.sy-panel{opacity:calc(.08 + var(--p) * 1.3);transform:scale(calc(.95 + var(--p) * .05));box-shadow:0 34px 70px -34px rgba(5, 31, 32, calc(var(--p) * .75)), 0 0 0 1px #0b2b261a}.sy-panel .sys-chart i{transform:scaleY(calc(.04 + var(--p) * .96));transition:none}.sy-note{--t:min(1, var(--p) * 1.35);z-index:2;width:clamp(150px,15vw,212px);color:var(--ink);left:calc(var(--sx) * (1 - var(--t)) + var(--ex) * var(--t));top:calc(var(--sy) * (1 - var(--t)) + var(--ey) * var(--t));transform:rotate(calc(var(--r) * (1 - var(--t)))) scale(calc(1 - var(--t) * .22));opacity:calc((1 - var(--p)) * 3.4);border-radius:8px;padding:12px 14px 14px;font-size:.9rem;line-height:1.35;position:absolute;box-shadow:0 20px 34px -18px #051f208c,0 0 0 1px #0b2b2614}.sy-note small{font-family:var(--f-display);letter-spacing:.09em;text-transform:uppercase;opacity:.7;margin-bottom:5px;font-size:.68rem;font-weight:600;display:block}.note-paper{background:var(--mint)}.note-sheet{background:var(--sage)}.note-chat{background:var(--brand);color:var(--white)}.sy-note-caption{opacity:var(--p);position:absolute;bottom:0;right:0}@media (width<=1024px){.sy-layout{grid-template-columns:1fr;gap:22px}.sy-copy h2{margin:12px 0;font-size:clamp(1.8rem,5.6vw,2.8rem)}.sy-copy p{font-size:.96rem}.sy-progress{margin-top:16px}.sy-stage{min-height:0;padding:8px 0 28px}}@media (width<=640px){.sy-sticky{min-height:0;padding-top:70px}.sy-copy p{display:none}.sy-note{width:132px;padding:8px 10px 9px;font-size:.74rem}.sy-panel .sys-chart{height:70px}.sy-panel .sys-kpis b{font-size:1rem}.sy-note-caption{display:none}}