.smock{--color-ink-muted: var(--color-mock-muted);--smock-line: rgba(15, 28, 46, .1);--smock-line-soft: rgba(15, 28, 46, .06);--smock-mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;--smock-net: #0b5f57;padding:1.3rem 1.5rem 1.1rem;border-top:3px solid var(--color-blue);color:var(--color-ink);background:#fff;container-type:inline-size}.smock__head{display:flex;gap:1.2rem;align-items:flex-start;justify-content:space-between;padding-bottom:.9rem;border-bottom:1px solid var(--smock-line-soft)}.smock__brand img{display:block;height:1.05rem;margin-bottom:.55rem;width:auto}.smock__brand h3{margin:0;font-size:1.02rem;font-weight:700;letter-spacing:-.015em}.smock__brand p{margin:.12rem 0 0;color:var(--color-ink-muted);font-size:.7rem}.smock__meta{display:grid;flex:none;gap:.22rem;margin:0;text-align:right}.smock__meta div{display:flex;gap:.35rem;justify-content:flex-end}.smock__meta dt{color:var(--color-ink-muted);font-size:.64rem}.smock__meta dd{margin:0;font-family:var(--smock-mono);font-size:.64rem;font-weight:600}.smock__parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:.85rem 0 1rem;padding:.7rem .85rem;border:1px solid var(--smock-line-soft);border-radius:10px;background:#fcfdff}.smock__parties dt{color:var(--color-ink-muted);font-size:.55rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.smock__parties dd{margin:.15rem 0 0;font-size:.8rem;font-weight:700}.smock__section{margin:0 0 .6rem;color:var(--color-blue);font-size:.78rem;font-weight:700}.smock__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-bottom:.5rem}.smock__kpi{min-width:0;padding:.55rem .6rem .6rem;border:1px solid var(--smock-line-soft);border-radius:10px}.smock__kpi span{display:block;min-height:2.2em;margin-bottom:.2rem;color:var(--color-ink-soft);font-size:.55rem;font-weight:500;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}.smock__kpi strong{display:block;font-family:var(--smock-mono);font-size:.88rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}.smock__kpi--cost{border-color:#d69e2e42;background:#d69e2e0d}.smock__kpi--cost strong{color:#a85e0b}.smock__kpi--net{border-color:#0f918442;background:#0f91840f}.smock__kpi--net strong{color:var(--smock-net)}.smock__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-bottom:1.05rem}.smock__metrics div{min-width:0;padding:.42rem .6rem;border:1px solid var(--smock-line-soft);border-radius:10px;background:#fcfdff}.smock__metrics span{display:block;color:var(--color-ink-muted);font-size:.55rem;letter-spacing:.04em;text-transform:uppercase}.smock__metrics b{display:block;margin-top:.1rem;font-family:var(--smock-mono);font-size:.76rem;font-weight:600;white-space:nowrap}.smock__note{margin:-.35rem 0 .6rem;color:var(--color-ink-muted);font-size:.66rem}.smock__steps{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.smock__steps li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .8rem;align-items:center;padding-bottom:.35rem;border-bottom:1px dashed var(--smock-line-soft)}.smock__bar{grid-column:1 / -1;height:5px;border-radius:999px}.smock__bar.is-gross{background:var(--color-blue)}.smock__bar.is-fee{background:#6d4ae0}.smock__bar.is-expenses{background:var(--color-amber)}.smock__bar.is-net{background:#17a07f}.smock__steps span{color:var(--color-ink-soft);font-size:.72rem}.smock__steps b{font-family:var(--smock-mono);font-size:.76rem;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.smock__steps b.is-negative{color:#a85e0b}.smock__steps b.is-net{color:var(--smock-net);font-size:.86rem}.smock__foot{margin:.85rem 0 0;padding-top:.6rem;border-top:1px solid var(--smock-line-soft);color:var(--color-ink-muted);font-family:var(--smock-mono);font-size:.58rem}@container (max-width: 560px){.smock__kpis,.smock__metrics{display:flex;overflow-x:auto;grid-template-columns:none;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.smock__kpis,.smock__metrics::-webkit-scrollbar{display:none}.smock__kpis,.smock__metrics>*{flex:0 0 8.4rem;scroll-snap-align:start}}.smock--focus{padding:clamp(1.25rem,3vw,1.9rem) clamp(1.25rem,3.4vw,2.1rem) 1.1rem;border-top:0}.smock__top{display:flex;align-items:center;justify-content:space-between}.smock__top img{display:block;width:auto;height:1.15rem}.smock__badge{display:inline-flex;gap:.35rem;align-items:center;padding:.2rem .6rem;border-radius:999px;background:#17a07f1f;color:var(--smock-net);font-size:.72rem;font-weight:600}.smock__badge:before{content:"";width:.38rem;height:.38rem;border-radius:50%;background:currentColor}.smock__title{display:flex;gap:1rem;align-items:flex-end;justify-content:space-between;margin-top:1.2rem;padding-bottom:.75rem;border-bottom:1.5px solid var(--color-ink)}.smock__title p{margin:0 0 .3rem;color:var(--color-ink-muted);font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.smock__title h3{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:-.015em}.smock__title strong{flex:none;font-size:1.05rem;font-weight:600}.smock__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-bottom:1px solid var(--smock-line)}.smock__facts div{padding:.7rem 0 .75rem}.smock__facts div+div{padding-left:1rem;border-left:1px solid var(--smock-line)}.smock__facts dt{color:var(--color-ink-muted);font-size:.58rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.smock__facts dd{margin:.25rem 0 0;font-size:.86rem}.smock__paid{display:grid;gap:.2rem;margin:1.1rem 0 1.3rem;padding:1rem 1.15rem 1.05rem;border-radius:10px;background:#eff4fd}.smock__paid span{color:var(--color-blue);font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.smock__paid strong{font-size:clamp(1.7rem,7cqi,2.3rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;font-variant-numeric:tabular-nums}.smock__paid small{color:var(--color-ink-soft);font-size:.76rem}.smock__income-head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--smock-line)}.smock__income-head h4{margin:0;font-size:.92rem;font-weight:600}.smock__income-head span{color:var(--color-ink-muted);font-size:.7rem}.smock__income{margin:0;padding:0;list-style:none}.smock__income li{display:grid;grid-template-columns:1rem minmax(0,1fr) auto;gap:.4rem;align-items:baseline;padding:.55rem 0;border-bottom:1px solid var(--smock-line-soft);font-size:.84rem}.smock__income i{color:var(--color-ink-muted);font-style:normal}.smock__income small{display:block;margin-top:.1rem;color:var(--color-ink-muted);font-size:.7rem}.smock__income b{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.smock__income li.is-subtotal{border-top:1px solid var(--smock-line);font-weight:600}.smock__income li.is-subtotal b{font-weight:600}.smock__income li.is-total{border-top:1.5px solid var(--color-ink);border-bottom:0;font-size:.95rem;font-weight:700}.smock__income li.is-total b{font-weight:700}.smock--focus .smock__foot{margin-top:.6rem;font-family:inherit;font-size:.64rem}