.sb-mock{border:1px solid var(--line-mid);border-radius:var(--radius-3);background:var(--bg);width:100%;color:var(--ink);box-shadow:var(--shadow-3), 0 44px 70px -52px var(--glow-accent);isolation:isolate;font-family:var(--font-ui);letter-spacing:0;text-align:left;font-variant-numeric:lining-nums;margin:0;font-size:12px;font-weight:400;line-height:1.35;display:block;overflow:clip;container:sbmock/inline-size}.sb-mock p{margin:0}.sb-mock i,.sb-mock em{font-style:normal}.sb-mock i{display:block}.sb-mock b,.sb-mock strong{font-weight:600}.sb-mock svg{flex:none;display:block}.sb-mock .m-i{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:1.2em;height:1.2em}.sb-mock .sb-mock__shell{--m-xs:max(10px, .78em);--m-s:max(10.5px, .9em);--m-pad:clamp(10px, 1.7cqi, 20px);--m-gap:clamp(8px, 1.15cqi, 14px);--m-r:clamp(11px, 1.3cqi, 16px);--m-shine:inset 0 1px 0 color-mix(in srgb, var(--panel-ink) 42%, transparent);grid-template-columns:auto minmax(0,1fr);font-size:clamp(11px,1.2cqi,13.5px);display:grid}.sb-mock .sb-mock__rail{border-right:1px solid var(--rail-border);background:var(--rail-bg);width:13.4em;color:var(--rail-ink);flex-direction:column;gap:.85em;padding:1.05em .7em 1.2em;display:flex;position:relative;overflow:hidden}.sb-mock .sb-mock__rail:after{content:"";background-image:radial-gradient(circle at 24% 18%, var(--accent-2) 0 1px, transparent 2.2px), radial-gradient(circle at 70% 34%, var(--accent-3) 0 1px, transparent 2.2px), radial-gradient(circle at 44% 52%, var(--accent-2) 0 1.2px, transparent 2.6px), radial-gradient(circle at 82% 66%, var(--accent-2) 0 1px, transparent 2.2px), radial-gradient(circle at 16% 74%, var(--accent-3) 0 1px, transparent 2.2px), radial-gradient(circle at 58% 88%, var(--accent-2) 0 1.2px, transparent 2.6px);opacity:.75;pointer-events:none;position:absolute;inset:45% 0 0}.sb-mock .sb-mock__rail>*{z-index:1;position:relative}.sb-mock .sb-mock__lockup{color:var(--rail-heading);align-items:center;gap:.6em;padding:0 .35em;display:flex}.sb-mock .sb-mock__mark{width:1.75em;height:1.75em;filter:drop-shadow(0 .25em .6em var(--rail-active-glow))}.sb-mock .sb-mock__mark--bar{width:1.6em;height:1.6em;color:var(--ink);filter:none;display:none}.sb-mock .sb-mock__word{font-family:var(--font-display);font-variation-settings:"opsz" 48;letter-spacing:-.03em;font-size:1.4em;font-weight:800;line-height:1}.sb-mock .sb-mock__acct{border:1px solid color-mix(in srgb, var(--rail-ink) 18%, transparent);background:var(--rail-hover);border-radius:.9em;align-items:center;gap:.6em;padding:.5em .55em;display:flex}.sb-mock .sb-mock__acct-av{background:var(--rail-active-bg);width:2.2em;height:2.2em;color:var(--rail-active-ink);font-family:var(--font-mono);font-size:var(--m-xs);border-radius:.65em;flex:none;place-items:center;font-weight:700;display:grid}.sb-mock .sb-mock__acct-text{min-width:0;line-height:1.2;display:grid}.sb-mock .sb-mock__acct-text b{color:var(--rail-heading);font-size:var(--m-s);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-mock .sb-mock__acct-text span{color:var(--rail-ink-2);font-size:var(--m-xs);white-space:nowrap}.sb-mock .sb-mock__navs{gap:.5em;display:grid}.sb-mock .sb-mock__group{gap:1px;display:grid}.sb-mock .sb-mock__group+.sb-mock__group{border-top:1px solid color-mix(in srgb, var(--rail-ink) 13%, transparent);padding-top:.5em}.sb-mock .sb-mock__nav{height:2.45em;color:var(--rail-ink);white-space:nowrap;border-radius:.8em;align-items:center;gap:.7em;padding:0 .75em;font-weight:500;display:flex}.sb-mock .sb-mock__nav .m-i{width:1.2em;height:1.2em;color:var(--rail-ink-2)}.sb-mock .sb-mock__nav--on{background:var(--rail-active-bg);height:2.85em;color:var(--rail-active-ink);box-shadow:0 .7em 1.5em -.7em var(--rail-active-glow), var(--m-shine);margin-bottom:.2em;font-weight:700}.sb-mock .sb-mock__nav--on .m-i{color:var(--rail-active-ink);stroke-width:2.1px}.sb-mock .sb-mock__nav--on:after{content:"";opacity:.7;background:currentColor;border-radius:50%;width:.45em;height:.45em;margin-left:auto}.sb-mock .sb-mock__nav--on:has(.sb-mock__badge):after{display:none}.sb-mock .sb-mock__nav--on:has(.sb-mock__count):after{display:none}.sb-mock .sb-mock__badge,.sb-mock .sb-mock__count{font-family:var(--font-mono);font-size:var(--m-xs);margin-left:auto;font-weight:700;line-height:1}.sb-mock .sb-mock__badge{background:var(--highlight);color:var(--highlight-ink);letter-spacing:.1em;text-transform:uppercase;border-radius:.5em;padding:.3em .45em .25em}.sb-mock .sb-mock__count{background:color-mix(in srgb, var(--rail-ink) 18%, transparent);min-width:1.9em;color:var(--rail-heading);text-align:center;border-radius:999px;padding:.35em .4em .3em}.sb-mock .sb-mock__main{background:var(--page-glow);flex-direction:column;min-width:0;display:flex;position:relative}.sb-mock .sb-mock__bar{min-height:3.4em;padding:.5em var(--m-pad);border-bottom:1px solid var(--line);background:var(--topbar-bg);align-items:center;gap:.75em;display:flex}.sb-mock .sb-mock__title{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:1.2em;font-weight:800;line-height:1}.sb-mock .sb-mock__sample{border:1px dashed color-mix(in srgb, var(--highlight) 55%, var(--ink));background:color-mix(in srgb, var(--highlight) 24%, transparent);color:var(--ink);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:.55em;flex:none;padding:.4em .65em .32em;font-weight:700;line-height:1}.sb-mock .sb-mock__note{min-width:0;color:var(--ink-3);font-size:var(--m-s);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-mock .sb-mock__tools{align-items:center;gap:.5em;margin-left:auto;display:flex}.sb-mock .sb-mock__tool{border:1px solid var(--card-border);background:var(--surface);width:2.3em;height:2.3em;color:var(--ink-2);border-radius:50%;place-items:center;display:grid;position:relative}.sb-mock .sb-mock__tool .m-i{width:1.1em;height:1.1em}.sb-mock .sb-mock__tool--pip:after{content:"";border:2px solid var(--surface);background:var(--accent);border-radius:50%;width:.5em;height:.5em;position:absolute;top:.3em;right:.35em}.sb-mock .sb-mock__me{background:var(--grad-accent);width:2.3em;height:2.3em;color:var(--accent-ink);font-family:var(--font-mono);font-size:var(--m-xs);box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--accent-2);border-radius:50%;place-items:center;margin-left:.2em;font-weight:700;display:grid}.sb-mock .sb-mock__body{min-width:0;padding:var(--m-pad);position:relative}.sb-mock .sb-mock{box-shadow:none;background:0 0;border:0;border-radius:0}.sb-mock .sb-mock .sb-mock__shell{display:block}.sb-mock .sb-mock .sb-mock__rail,.sb-mock .sb-mock .sb-mock__bar{display:none}.sb-mock .sb-mock .sb-mock__main{background:0 0}.sb-mock .sb-mock .sb-mock__body{padding:0}.sb-mock .m-card{border:1px solid var(--card-border);border-radius:var(--m-r);background:var(--card);min-width:0;box-shadow:var(--shadow-2)}.sb-mock .m-card--accent{border-color:var(--card-border-accent);background:var(--card-tint-accent)}.sb-mock .m-card--data{border-color:var(--card-border-data);background:var(--card-tint-data)}.sb-mock .m-label{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-weight:600;line-height:1.2}.sb-mock .m-mono{font-family:var(--font-mono);font-size:var(--m-xs)}.sb-mock .m-tile{border-radius:.78em;flex:none;place-items:center;width:2.5em;height:2.5em;display:grid}.sb-mock .m-tile .m-i{width:1.25em;height:1.25em}.sb-mock .m-tile--lg{border-radius:1.05em;width:3.6em;height:3.6em}.sb-mock .m-tile--lg .m-i{width:1.75em;height:1.75em}.sb-mock .m-tile--sm{border-radius:.62em;width:2em;height:2em}.sb-mock .m-tile--sm .m-i{width:1.05em;height:1.05em}.sb-mock .m-tile--accent{background:var(--grad-accent);color:var(--accent-ink);box-shadow:0 .55em 1.2em -.5em var(--glow-accent), var(--m-shine)}.sb-mock .m-tile--data{background:var(--grad-data);color:var(--data-ink);box-shadow:0 .55em 1.2em -.5em var(--glow-data), var(--m-shine)}.sb-mock .m-tile--soft-accent{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}.sb-mock .m-tile--soft-data{border:1px solid var(--data-line);background:var(--data-soft);color:var(--data)}.sb-mock .m-key{background:var(--grad-accent);color:var(--accent-ink);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.1em;white-space:nowrap;border-radius:999px;padding:.38em .65em .3em;font-weight:700;line-height:1;display:inline-block}.sb-mock .m-key--quiet{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}.sb-mock .m-btn{border:1px solid var(--line-mid);background:var(--surface);height:2.6em;color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-1);border-radius:.85em;justify-content:center;align-items:center;gap:.5em;padding:0 1.05em;font-weight:700;display:inline-flex}.sb-mock .m-btn .m-i{stroke-width:2.2px;width:1.1em;height:1.1em}.sb-mock .m-btn--primary{background:var(--grad-accent);color:var(--accent-ink);box-shadow:0 .7em 1.5em -.7em var(--glow-accent), var(--m-shine);border-color:#0000}.sb-mock .m-btn--dashed{border-style:dashed;border-color:var(--line-strong);color:var(--ink-2);box-shadow:none;background:0 0;font-weight:600}.sb-mock .m-state{border:1px solid var(--line-mid);background:var(--surface-2);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.45em;padding:.4em .65em .32em;font-weight:600;line-height:1;display:inline-flex}.sb-mock .m-state--on{border-color:color-mix(in srgb, var(--live) 50%, transparent);background:color-mix(in srgb, var(--live) 14%, transparent);color:var(--positive)}.sb-mock .m-state--on:before{content:"";background:var(--live);width:.55em;height:.55em;box-shadow:0 0 0 .2em color-mix(in srgb, var(--live) 26%, transparent);border-radius:50%}.sb-mock .m-pillnum{border:1px solid var(--data-line);background:var(--data-soft);color:var(--data);font-family:var(--font-mono);font-size:var(--m-xs);white-space:nowrap;border-radius:999px;flex:none;padding:.4em .65em .32em;font-weight:700;line-height:1}.sb-mock .m-pillnum--accent{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}.sb-mock .m-chip{border:1px solid var(--chip-border);background:var(--chip-bg);height:2.3em;color:var(--ink-2);font-size:var(--m-s);white-space:nowrap;border-radius:999px;align-items:center;gap:.45em;padding:0 .85em;font-weight:500;display:inline-flex}.sb-mock .m-chip b{color:var(--ink);font-family:var(--font-display);font-size:1.2em;font-weight:800}.sb-mock .m-chip--accent{border-color:var(--card-border-accent)}.sb-mock .m-chip--data{border-color:var(--card-border-data)}.sb-mock .m-go{color:var(--accent-text);white-space:nowrap;align-items:center;gap:.45em;font-weight:700;display:inline-flex}.sb-mock .m-go .m-i{stroke-width:2.2px;width:1.1em;height:1.1em}.sb-mock .m-go--data{color:var(--data)}.sb-mock .m-tag{border:1px solid var(--line-mid);background:var(--chip-bg);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border-radius:.55em;align-items:center;gap:.5em;padding:.42em .65em .34em;font-weight:600;line-height:1;display:inline-flex}.sb-mock .m-live{background:var(--live);width:.6em;height:.6em;box-shadow:0 0 0 .25em color-mix(in srgb, var(--live) 26%, transparent);border-radius:50%;flex:none}.sb-mock .m-live--sm{width:.5em;height:.5em}.sb-mock .m-avatar{width:2.3em;height:2.3em;font-family:var(--font-mono);font-size:var(--m-xs);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:grid}.sb-mock .m-avatar--t0{background:var(--grad-accent);color:var(--accent-ink)}.sb-mock .m-avatar--t1{background:var(--grad-data);color:var(--data-ink)}.sb-mock .m-avatar--t2{background:var(--highlight);color:var(--highlight-ink)}.sb-mock .m-avatar--t3{background:var(--panel-bg);color:var(--panel-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--panel-ink) 24%, transparent)}.sb-mock .m-avatar--lg{width:3.3em;height:3.3em;box-shadow:var(--shadow-1);border-radius:1em;font-size:1.05em}.sb-mock .m-field{border:1px solid var(--line-mid);background:var(--surface);min-width:0;height:2.4em;color:var(--ink-2);white-space:nowrap;border-radius:.7em;align-items:center;gap:.5em;padding:0 .75em;display:flex;overflow:hidden}.sb-mock .m-field .m-i{width:1em;height:1em;color:var(--ink-3)}.sb-mock .m-seg{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;flex:none;padding:.2em;display:inline-flex}.sb-mock .m-seg>*{color:var(--ink-3);font-size:var(--m-s);white-space:nowrap;border-radius:999px;align-items:center;gap:.4em;padding:.35em .8em;font-weight:600;display:inline-flex}.sb-mock .m-seg>b{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.sb-mock .m-seg .m-i{width:1.05em;height:1.05em}.sb-mock .m-pane__head{align-items:center;gap:.6em;min-width:0;display:flex}.sb-mock .m-pane__head>:last-child:not(:first-child){margin-left:auto}.sb-mock .m-pane__title{min-width:0;font-family:var(--font-display);letter-spacing:-.02em;font-size:1.22em;font-weight:800;line-height:1.08}.sb-mock .m-kv{gap:.4em;min-width:0;display:grid}.sb-mock .m-meter{background:var(--track);border-radius:999px;height:.5em;overflow:hidden}.sb-mock .m-meter>i{background:var(--grad-data);border-radius:999px;height:100%}.sb-mock .m-link{background:var(--accent-soft);color:var(--accent-text);text-underline-offset:.15em;border-radius:.4em;padding:0 .4em;font-weight:600;text-decoration:underline}.sb-mock .m-home{gap:var(--m-gap);display:grid;position:relative}.sb-mock .m-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.6em;display:grid;position:relative}.sb-mock .m-eyebrow{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.8em;font-weight:600;line-height:1;display:flex}.sb-mock .m-eyebrow__more:before{content:"·";opacity:.6;margin-right:.8em}.sb-mock .m-greet{max-width:15em;font-family:var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:-.028em;text-wrap:balance;margin:.32em 0 .26em;font-size:clamp(23px,4.3cqi,46px);font-weight:800;line-height:.98}.sb-mock .m-greet__name{background:var(--grad-accent-text);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.02em}.sb-mock .m-hero__sub{max-width:38em;color:var(--ink-2);text-wrap:pretty;font-size:1.06em;line-height:1.45}.sb-mock .m-clock{border:1px solid color-mix(in srgb, var(--panel-ink) 16%, transparent);border-radius:calc(var(--m-r) + 2px);background:var(--panel-bg);min-width:13.5em;color:var(--panel-ink);box-shadow:var(--shadow-3);justify-items:end;gap:.6em;padding:1.05em 1.25em 1em;display:grid;position:relative;overflow:hidden}.sb-mock .m-clock:before{content:"";background:radial-gradient(closest-side, var(--glow-accent), transparent);opacity:.5;border-radius:50%;width:13em;height:13em;position:absolute;top:-5em;right:-4em}.sb-mock .m-clock>*{position:relative}.sb-mock .m-clock__time{font-family:var(--font-mono);letter-spacing:-.045em;font-variant-numeric:tabular-nums;align-items:baseline;font-size:2.95em;font-weight:500;line-height:1;display:flex}.sb-mock .m-clock__time i{color:var(--accent-2);margin:0 -.06em}.sb-mock .m-clock__time small{color:var(--panel-ink-3);letter-spacing:0;margin-left:.3em;font-size:.38em}.sb-mock .m-clock__date{color:var(--panel-data);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;font-weight:600;line-height:1}.sb-mock .m-clock__date span:before{content:"·";margin:0 .5em 0 .2em}.sb-mock .m-clock__mood{border:1px solid color-mix(in srgb, var(--panel-accent) 46%, transparent);background:color-mix(in srgb, var(--panel-accent) 13%, transparent);color:var(--panel-accent);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:.45em;padding:.42em .75em .36em .55em;font-weight:700;line-height:1;display:inline-flex}.sb-mock .m-clock__mood .m-i{stroke-width:2.4px;width:1.1em;height:1.1em}.sb-mock .m-fix{border:1px solid var(--panel-border);border-radius:calc(var(--m-r) + 2px);background:var(--panel-bg);color:var(--panel-ink);box-shadow:var(--shadow-3), 0 1.6em 3em -1.9em var(--glow-accent);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1.5em;padding:1.15em 1.4em 1.15em 1.55em;display:grid;position:relative;overflow:hidden}.sb-mock .m-fix:after{content:"";background:var(--grad-accent);width:.32em;position:absolute;top:0;bottom:0;left:0}.sb-mock .m-fix__tile{background:var(--grad-accent);width:3.5em;height:3.5em;color:var(--accent-ink);box-shadow:0 .6em 1.5em -.5em var(--glow-accent), var(--m-shine);border-radius:1em;place-items:center;display:grid}.sb-mock .m-fix__tile .m-i{stroke-width:2px;width:1.65em;height:1.65em}.sb-mock .m-fix__label{color:var(--panel-accent);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;font-weight:700;line-height:1.2;display:block}.sb-mock .m-fix__label span{color:var(--panel-ink-3);letter-spacing:.16em;font-weight:500}.sb-mock .m-fix__label span:before{content:"·";margin:0 .7em 0 .5em}.sb-mock .m-fix__say{font-family:var(--font-display);font-variation-settings:"opsz" 40;letter-spacing:-.02em;text-wrap:balance;margin:.32em 0 .28em;font-size:1.62em;font-weight:700;line-height:1.13}.sb-mock .m-fix__say b{color:var(--panel-accent);font-weight:800}.sb-mock .m-fix__look{color:var(--panel-ink-2)}.sb-mock .m-gap{border-left:1px solid color-mix(in srgb, var(--panel-ink) 16%, transparent);color:var(--panel-ink-2);font-size:var(--m-s);grid-template-columns:max-content minmax(5em,9em) max-content;align-items:center;gap:.55em .8em;padding-left:1.5em;display:grid}.sb-mock .m-gap__row{display:contents}.sb-mock .m-gap__row span{white-space:nowrap}.sb-mock .m-gap__row b{color:var(--panel-ink);font-family:var(--font-mono);text-align:right;font-size:1.1em;font-weight:700}.sb-mock .m-gap__bar{background:color-mix(in srgb, var(--panel-ink) 14%, transparent);border-radius:999px;height:.8em;overflow:hidden}.sb-mock .m-gap__bar>i{background:var(--grad-accent);border-radius:999px;height:100%}.sb-mock .m-gap__bar--lost{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--panel-accent) 52%, transparent) 0 .24em, color-mix(in srgb, var(--panel-accent) 16%, transparent) .24em .48em)}.sb-mock .m-gap__note{color:var(--panel-accent);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;grid-column:2/-1;font-weight:600;line-height:1}.sb-mock .m-fix__go{height:3em;padding:0 1.15em 0 1.3em;font-size:1.05em}.sb-mock .m-grid{gap:var(--m-gap);grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);display:grid}.sb-mock .m-feats{gap:var(--m-gap);min-width:0;display:grid}.sb-mock .m-feat{border:1px solid var(--card-border);border-radius:calc(var(--m-r) + 2px);flex-direction:column;min-width:0;padding:1.4em 1.5em 1.15em;display:flex;position:relative}.sb-mock .m-feat--data{border-color:var(--card-border-data);background:var(--card-tint-data);box-shadow:var(--shadow-2), 0 1.8em 3em -2.2em var(--glow-data)}.sb-mock .m-feat--accent{border-color:var(--card-border-accent);background:var(--card-tint-accent);box-shadow:var(--shadow-2), 0 1.8em 3em -2.2em var(--glow-accent)}.sb-mock .m-feat__head{align-items:center;gap:1em;display:flex}.sb-mock .m-feat__title{min-width:0}.sb-mock .m-feat__name{font-family:var(--font-display);font-variation-settings:"opsz" 60;letter-spacing:-.03em;white-space:nowrap;font-size:1.95em;font-weight:800;line-height:1.02;display:block}.sb-mock .m-feat__desc{max-width:27em;color:var(--ink-2);font-size:var(--m-s);text-wrap:pretty;margin-top:.3em;line-height:1.36;display:block}.sb-mock .m-feat__hl{text-align:right;flex:none;align-self:flex-start;margin-left:auto}.sb-mock .m-feat__hl b{font-family:var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:-.04em;font-size:2.9em;font-weight:800;line-height:.9;display:block}.sb-mock .m-feat__hl .m-label{margin-top:.6em;display:block}.sb-mock .m-feat--data .m-feat__hl b{color:var(--data)}.sb-mock .m-feat--accent .m-feat__hl b{color:var(--accent-text)}.sb-mock .m-viz{justify-content:space-between;align-items:baseline;gap:1em;margin:1.15em 0 .6em;display:flex}.sb-mock .m-feat--data .m-viz__note{color:var(--data)}.sb-mock .m-feat--accent .m-viz__note{color:var(--accent-text)}.sb-mock .m-viz__note{gap:.6em;display:inline-flex}.sb-mock .m-viz__note>span+span:before{content:"·";margin-right:.6em}.sb-mock .m-bars{border-bottom:1px solid var(--data-line);grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;gap:.5em;height:6.4em;display:grid}.sb-mock .m-bars__bar{background:linear-gradient(180deg, var(--seq-2), var(--seq-3));border-radius:.4em .4em 0 0}.sb-mock .m-bars__bar--best{background:var(--grad-data);box-shadow:0 0 1.3em -.15em var(--glow-data)}.sb-mock .m-axis{letter-spacing:.12em;justify-content:space-between;margin-top:.5em;display:flex}.sb-mock .m-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5em;margin:.95em 0;display:grid}.sb-mock .m-stat{border:1px solid var(--card-border-data);background:var(--chip-bg);border-radius:.9em;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15em .4em;min-width:0;padding:.6em .8em .55em;display:grid}.sb-mock .m-stat b{font-family:var(--font-display);letter-spacing:-.02em;grid-area:1/1;font-size:1.45em;font-weight:800;line-height:1}.sb-mock .m-stat .m-i{width:1.1em;height:1.1em;color:var(--data);grid-area:1/2}.sb-mock .m-stat__label{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;grid-area:2/1/auto/-1;font-weight:600;line-height:1.2}.sb-mock .m-feat__foot{justify-content:space-between;align-items:center;gap:1em;margin-top:auto;display:flex}.sb-mock .m-flow__nums,.sb-mock .m-flow__labels,.sb-mock .m-flow__rules{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.sb-mock .m-flow__nums b{font-family:var(--font-display);letter-spacing:-.03em;padding:0 0 .3em .1em;font-size:1.95em;font-weight:800;line-height:1}.sb-mock .m-flow__nums .m-flow__weak,.sb-mock .m-flow__labels .m-flow__weak{color:var(--accent-text)}.sb-mock .m-flow__art{height:4.3em;position:relative}.sb-mock .m-flow__art svg{width:100%;height:100%}.sb-mock .m-flow__stop-a{stop-color:var(--accent)}.sb-mock .m-flow__stop-b{stop-color:var(--accent-2)}.sb-mock .m-flow__stop-c{stop-color:var(--accent-3)}.sb-mock .m-flow__rules{pointer-events:none;position:absolute;inset:-2.3em 0 0}.sb-mock .m-flow__rules i{border-left:1px dashed var(--accent-line)}.sb-mock .m-flow__rules i:first-child{border-left-color:#0000}.sb-mock .m-flow__stop{background:var(--grad-accent);color:var(--accent-ink);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;box-shadow:0 .5em 1.2em -.5em var(--glow-accent);border-radius:.5em;padding:.45em .65em .38em;font-weight:700;line-height:1;position:absolute;top:.2em}.sb-mock .m-flow__labels span{color:var(--ink-2);font-size:var(--m-s);align-items:baseline;gap:.45em;padding:.55em .7em 0 .1em;font-weight:500;line-height:1.22;display:flex}.sb-mock .m-flow__labels em,.sb-mock .m-rows__name em{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--m-xs);font-weight:700}.sb-mock .m-flow__labels .m-flow__weak{font-weight:700}.sb-mock .m-rows{gap:.5em;display:none}.sb-mock .m-rows__row{font-size:var(--m-s);grid-template-columns:9.4em minmax(0,1fr) 2em;align-items:center;gap:.7em;display:grid}.sb-mock .m-rows__name{color:var(--ink-2);white-space:nowrap;align-items:baseline;gap:.5em;font-weight:500;display:flex}.sb-mock .m-rows__bar{background:color-mix(in srgb, var(--accent) 13%, transparent);border-radius:999px;height:.75em;overflow:hidden}.sb-mock .m-rows__bar>i{background:var(--grad-accent);border-radius:999px;height:100%}.sb-mock .m-rows__row b{font-family:var(--font-display);text-align:right;font-size:1.25em;font-weight:800;line-height:1}.sb-mock .m-rows__row--weak .m-rows__name,.sb-mock .m-rows__row--weak b{color:var(--accent-text);font-weight:700}.sb-mock .m-keys{flex-wrap:wrap;align-items:center;gap:.5em;margin:.95em 0;display:flex}.sb-mock .m-keychip{border:1px solid var(--card-border-accent);background:var(--chip-bg);height:2.35em;color:var(--ink-2);font-size:var(--m-s);white-space:nowrap;border-radius:999px;align-items:center;gap:.55em;padding:0 .9em 0 .3em;display:inline-flex}.sb-mock .m-keychip b{color:var(--ink);margin-right:-.25em;font-weight:700}.sb-mock .m-mods{gap:var(--m-gap);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;min-width:0;display:grid}.sb-mock .m-mod{border:1px solid var(--card-border);border-radius:var(--m-r);background:var(--card);min-width:0;box-shadow:var(--shadow-2);flex-direction:column;padding:1.15em 1.1em 1em;display:flex;position:relative;overflow:hidden}.sb-mock .m-mod--accent,.sb-mock .m-mod--star{border-color:var(--card-border-accent);background:var(--card-tint-accent)}.sb-mock .m-mod--data{border-color:var(--card-border-data);background:var(--card-tint-data)}.sb-mock .m-mod__head{align-items:center;gap:.65em;min-width:0;display:flex}.sb-mock .m-mod__head .m-tile{width:2.35em;height:2.35em}.sb-mock .m-mod__name{min-width:0;font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-size:1.2em;font-weight:800;line-height:1.05}.sb-mock .m-mod__aside{flex:none;align-items:center;margin-left:auto;display:flex}.sb-mock .m-mod__big{align-items:flex-end;gap:.65em;margin:1.15em 0 .8em;display:flex}.sb-mock .m-mod__big b{font-family:var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:-.04em;font-size:4em;font-weight:800;line-height:.8}.sb-mock .m-mod__big small{letter-spacing:-.02em;margin-left:.03em;font-size:.54em}.sb-mock .m-mod__big span{color:var(--ink-2);font-size:var(--m-s);white-space:nowrap;padding-bottom:.05em;font-weight:600;line-height:1.22}.sb-mock .m-mod .m-meter{margin-bottom:.7em}.sb-mock .m-mod--star .m-meter>i{background:var(--grad-accent)}.sb-mock .m-mod__note{color:var(--ink-3);font-size:var(--m-s);margin-bottom:.9em;line-height:1.35}.sb-mock .m-mod__go{border-top:1px solid var(--line);margin-top:auto;padding-top:.8em}.sb-mock .m-mod__go .m-i{margin-left:auto}.sb-mock .m-week{align-items:flex-end;gap:.2em;height:1.9em;display:flex}.sb-mock .m-week i{background:var(--data-2);border-radius:.15em;width:.36em}.sb-mock .m-dots{grid-template-columns:repeat(6,auto);gap:.26em;display:grid}.sb-mock .m-dots i{background:color-mix(in srgb, var(--ink-3) 30%, transparent);border-radius:50%;width:.5em;height:.5em}.sb-mock .m-dots .m-dots__on{background:var(--accent);box-shadow:0 0 .6em var(--accent-2)}.sb-mock .m-more{gap:.75em;margin-top:.35em;display:grid}.sb-mock .m-more__label{letter-spacing:.26em;align-items:center;gap:1.2em;display:flex}.sb-mock .m-more__label:after{content:"";background:linear-gradient(90deg, var(--line-mid), transparent);flex:1;height:1px}.sb-mock .m-pills{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6em;display:grid}.sb-mock .m-pill{border:1px solid var(--card-border);background:var(--card);min-width:0;min-height:3.5em;box-shadow:var(--shadow-1);border-radius:1em;align-items:center;gap:.7em;padding:.5em .8em .5em .6em;font-weight:600;line-height:1.15;display:flex}.sb-mock .m-pill__icon{border:1px solid var(--line);background:var(--surface-2);width:2.3em;height:2.3em;color:var(--ink-2);border-radius:.7em;flex:none;place-items:center;display:grid}.sb-mock .m-pill__icon .m-i{width:1.15em;height:1.15em}.sb-mock .m-pill--hot .m-pill__icon{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}.sb-mock .m-pill__label{min-width:0}.sb-mock .m-pages{gap:var(--m-gap);grid-template-columns:16.5em minmax(0,1fr) 15em;align-items:start;display:grid}.sb-mock .m-pages__list,.sb-mock .m-pages__publish{gap:.6em;padding:1em;display:grid}.sb-mock .m-pages__item{border:1px solid #0000;border-radius:.85em;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65em;padding:.5em .55em;display:grid}.sb-mock .m-pages__item--on{border-color:var(--card-border-accent);background:var(--card-tint-accent);box-shadow:var(--shadow-1)}.sb-mock .m-pages__text{min-width:0;line-height:1.25;display:grid}.sb-mock .m-pages__text b,.sb-mock .m-pages__text .m-mono{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-mock .m-pages__text .m-mono{color:var(--ink-3)}.sb-mock .m-pages__dot{border:1.5px solid var(--line-strong);border-radius:50%;width:.7em;height:.7em}.sb-mock .m-pages__dot--on{background:var(--live);box-shadow:0 0 0 .22em color-mix(in srgb, var(--live) 26%, transparent);border-color:#0000}.sb-mock .m-pages__new{margin-top:.2em}.sb-mock .m-pages__stage{gap:.7em;min-width:0;display:grid}.sb-mock .m-pages__tools{align-items:center;gap:.7em;min-width:0;display:flex}.sb-mock .m-pages__current{white-space:nowrap}.sb-mock .m-pages__address{flex:1}.sb-mock .m-browser{border:1px solid var(--card-border);border-radius:var(--m-r);background:var(--surface);box-shadow:var(--shadow-3);overflow:hidden}.sb-mock .m-browser__bar{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:.4em;padding:.55em .8em;display:flex}.sb-mock .m-browser__bar i{background:var(--line-mid);border-radius:50%;width:.6em;height:.6em}.sb-mock .m-browser__bar i:first-child{background:var(--accent)}.sb-mock .m-browser__bar i:nth-child(2){background:var(--accent-3)}.sb-mock .m-browser__bar span{background:var(--surface);color:var(--ink-3);border-radius:999px;margin-left:.7em;padding:.25em .8em}.sb-mock .m-sheet{display:grid}.sb-mock .m-sheet__nav{border-bottom:1px solid var(--line);align-items:center;gap:1.2em;padding:.75em 1.3em;display:flex}.sb-mock .m-sheet__brand{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:1.1em;font-weight:800}.sb-mock .m-sheet__links{color:var(--ink-2);font-size:var(--m-s);white-space:nowrap;gap:1.1em;margin-left:auto;display:flex}.sb-mock .m-sheet__cta{background:var(--ink);color:var(--surface);font-size:var(--m-s);border-radius:999px;padding:.35em .9em;font-weight:700}.sb-mock .m-sheet__hero{background:var(--card-tint-accent);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:1.3em;padding:1.5em 1.3em;display:grid}.sb-mock .m-sheet__copy{justify-items:start;gap:.6em;display:grid}.sb-mock .m-sheet__kicker{color:var(--accent-text)}.sb-mock .m-sheet__h1{font-family:var(--font-display);font-variation-settings:"opsz" 72;letter-spacing:-.03em;text-wrap:balance;font-size:2.15em;font-weight:800;line-height:1}.sb-mock .m-sheet__sub{color:var(--ink-2);line-height:1.4}.sb-mock .m-sheet__art{border:1px solid var(--card-border);background:var(--surface);box-shadow:var(--shadow-2);border-radius:1em;gap:.7em;padding:1em;display:grid;transform:rotate(2deg)}.sb-mock .m-sheet__aa{font-family:var(--font-display);letter-spacing:-.04em;font-size:2.6em;font-weight:800;line-height:.9}.sb-mock .m-sheet__swatches{grid-template-columns:repeat(4,1fr);gap:.35em;display:grid}.sb-mock .m-sheet__swatches i{background:var(--accent);border-radius:.5em;height:1.9em}.sb-mock .m-sheet__swatches i:nth-child(2){background:var(--accent-3)}.sb-mock .m-sheet__swatches i:nth-child(3){background:var(--data-2)}.sb-mock .m-sheet__swatches i:nth-child(4){background:var(--ink)}.sb-mock .m-sheet__lines{gap:.35em;display:grid}.sb-mock .m-sheet__lines i{background:var(--track);border-radius:999px;height:.4em}.sb-mock .m-sheet__lines i:last-child{width:60%}.sb-mock .m-sheet__band{border-top:1px solid var(--line);gap:.7em;padding:1.1em 1.3em;display:grid}.sb-mock .m-sheet__h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.25em;font-weight:800}.sb-mock .m-sheet__cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6em;display:grid}.sb-mock .m-sheet__cols>div{border:1px solid var(--card-border);background:var(--surface-2);font-size:var(--m-s);border-radius:.8em;align-content:start;gap:.5em;padding:.7em;line-height:1.25;display:grid}.sb-mock .m-sheet__n{background:var(--grad-accent);width:1.8em;height:1.8em;color:var(--accent-ink);font-family:var(--font-mono);border-radius:.55em;place-items:center;font-weight:700;display:grid}.sb-mock .m-sheet__faq{flex-wrap:wrap;gap:.45em;display:flex}.sb-mock .m-sheet__faq span{border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--ink-2);font-size:var(--m-s);white-space:nowrap;border-radius:999px;padding:.4em .8em}.sb-mock .m-pages__checks{gap:.5em;padding-top:.2em}.sb-mock .m-check{font-size:var(--m-s);align-items:flex-start;gap:.55em;line-height:1.3;display:flex}.sb-mock .m-check>i{background:color-mix(in srgb, var(--live) 18%, transparent);width:1.4em;height:1.4em;color:var(--positive);border-radius:50%;flex:none;place-items:center;display:grid}.sb-mock .m-check .m-i{stroke-width:3px;width:.9em;height:.9em}.sb-mock .m-pages__actions{gap:.5em;margin-top:.3em;display:grid}.sb-mock .m-dm{gap:var(--m-gap);grid-template-columns:minmax(0,1fr) 19em;align-items:start;display:grid}.sb-mock .m-dm__thread{gap:1em;padding:1.1em 1.25em 1.3em;display:grid}.sb-mock .m-dm__top{border-bottom:1px solid var(--line);align-items:center;gap:.7em;padding-bottom:.9em;display:flex}.sb-mock .m-dm__who{min-width:0;line-height:1.25;display:grid}.sb-mock .m-dm__who span{color:var(--ink-3);font-size:var(--m-s)}.sb-mock .m-dm__top .m-state{margin-left:auto}.sb-mock .m-dm__steps{gap:1em;display:grid}.sb-mock .m-dm__step{grid-template-columns:9.6em minmax(0,1fr);align-items:start;gap:.9em;display:grid;position:relative}.sb-mock .m-dm__step:not(:last-child):before{content:"";border-left:1px dashed var(--accent-line);position:absolute;top:2.2em;bottom:-1em;left:.95em}.sb-mock .m-marker{align-items:center;gap:.6em;min-width:0;display:flex}.sb-mock .m-marker__n{background:var(--grad-accent);width:2em;height:2em;color:var(--accent-ink);font-family:var(--font-mono);font-size:var(--m-s);box-shadow:0 .45em 1em -.4em var(--glow-accent), var(--m-shine);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;position:relative}.sb-mock .m-marker__name{font-size:var(--m-s);font-weight:700;line-height:1.2}.sb-mock .m-dm__content{gap:.5em;min-width:0;display:grid}.sb-mock .m-post{border:1px solid var(--card-border-data);background:var(--card-tint-data);box-shadow:var(--shadow-1);border-radius:1em;align-items:center;gap:.8em;padding:.7em;display:flex}.sb-mock .m-post__thumb{border-radius:.9em;width:3.3em;height:3.3em}.sb-mock .m-post__thumb .m-i{width:1.5em;height:1.5em}.sb-mock .m-post__text{gap:.25em;min-width:0;display:grid}.sb-mock .m-post__title{line-height:1.25}.sb-mock .m-post__comment{color:var(--ink-2);font-size:var(--m-s);align-items:center;gap:.5em;display:flex}.sb-mock .m-dm__public{border:1px dashed var(--line-mid);color:var(--ink-2);font-size:var(--m-s);white-space:nowrap;border-radius:999px;justify-self:end;align-items:center;gap:.6em;padding:.35em .8em;display:flex}.sb-mock .m-bubble{gap:.4em;max-width:82%;padding:.7em .95em;line-height:1.38;display:grid}.sb-mock .m-bubble p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sb-mock .m-bubble--out{background:var(--grad-accent);color:var(--accent-ink);box-shadow:0 .8em 1.6em -1em var(--glow-accent), var(--m-shine);border-radius:1.15em 1.15em .3em;justify-self:end}.sb-mock .m-bubble--in{border:1px solid var(--card-border);background:var(--surface);box-shadow:var(--shadow-1);border-radius:1.15em 1.15em 1.15em .3em;justify-self:start}.sb-mock .m-bubble--out .m-link{background:color-mix(in srgb, var(--accent-ink) 14%, transparent);color:inherit}.sb-mock .m-dm__side{gap:var(--m-gap);min-width:0;display:grid}.sb-mock .m-dm__flow,.sb-mock .m-dm__paths{gap:.85em;padding:1.1em;display:grid}.sb-mock .m-dm__facts{gap:.6em;display:grid}.sb-mock .m-dm__facts>span{font-size:var(--m-s);white-space:nowrap;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35em .8em;font-weight:600;display:flex}.sb-mock .m-cells{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45em;display:grid}.sb-mock .m-cell{border:1px solid var(--card-border-accent);background:var(--chip-bg);border-radius:.8em;gap:.3em;padding:.65em .6em .55em;display:grid}.sb-mock .m-cell b{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.7em;font-weight:800;line-height:.95}.sb-mock .m-cell .m-label{letter-spacing:.02em;text-transform:none;font-family:var(--font-ui)}.sb-mock .m-split{gap:.2em;height:.9em;display:flex}.sb-mock .m-split__seg{border-radius:999px}.sb-mock .m-split__seg--a{background:var(--grad-accent)}.sb-mock .m-split__seg--b{background:var(--data-2)}.sb-mock .m-split__seg--c{background:var(--line-strong)}.sb-mock .m-split__legend{gap:.45em;display:grid}.sb-mock .m-split__legend span{color:var(--ink-2);font-size:var(--m-s);align-items:center;gap:.6em;display:flex}.sb-mock .m-split__legend i{width:.75em;height:.75em}.sb-mock .m-split__legend b{color:var(--ink);font-family:var(--font-display);margin-left:auto;font-size:1.2em;font-weight:800}.sb-mock .m-email{gap:var(--m-gap);grid-template-columns:21.5em minmax(0,1fr);display:grid}.sb-mock .m-email__head{grid-column:1/-1;align-items:center;gap:.8em;padding:.85em 1em;display:flex}.sb-mock .m-email__name{gap:.15em;min-width:0;margin-right:auto;display:grid}.sb-mock .m-email__when{color:var(--ink-3);font-size:var(--m-s)}.sb-mock .m-switch{border:1px solid var(--line-mid);background:var(--track);border-radius:999px;flex:none;width:2.7em;height:1.5em;padding:.18em}.sb-mock .m-switch i{background:var(--surface);width:1.05em;height:1.05em;box-shadow:var(--shadow-1);border-radius:50%}.sb-mock .m-email__list{align-content:start;gap:.5em;min-width:0;display:grid;position:relative}.sb-mock .m-email__item{border:1px solid var(--card-border);background:var(--card);box-shadow:var(--shadow-1);border-radius:1em;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8em;padding:.6em .75em .6em .6em;display:grid;position:relative}.sb-mock .m-email__item--on{border-color:var(--card-border-accent);background:var(--card-tint-accent);box-shadow:var(--shadow-2), 0 1.2em 2em -1.6em var(--glow-accent)}.sb-mock .m-email__day{border:1px solid var(--data-line);background:var(--data-soft);width:3.1em;height:3.1em;color:var(--data);border-radius:.85em;align-content:center;place-items:center;display:grid}.sb-mock .m-email__day span{font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:600;line-height:1}.sb-mock .m-email__day b{font-family:var(--font-display);font-size:1.6em;font-weight:800;line-height:.95}.sb-mock .m-email__item--on .m-email__day{background:var(--grad-accent);color:var(--accent-ink);box-shadow:0 .5em 1.1em -.5em var(--glow-accent), var(--m-shine);border-color:#0000}.sb-mock .m-email__text{gap:.15em;min-width:0;display:grid}.sb-mock .m-email__subject{font-weight:700;line-height:1.25}.sb-mock .m-email__preview{color:var(--ink-3);font-size:var(--m-s);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.sb-mock .m-email__more{border:1px dashed var(--line-mid);border-radius:1em;gap:.45em;margin-top:.5em;padding:.8em .9em;display:grid}.sb-mock .m-email__other{font-size:var(--m-s);white-space:nowrap;align-items:center;gap:.6em;display:flex}.sb-mock .m-email__other .m-state{margin-left:auto}.sb-mock .m-email__read{contain:size;flex-direction:column;display:flex;position:relative;overflow:hidden}.sb-mock .m-email__read:after{content:"";border-radius:0 0 var(--m-r) var(--m-r);background:linear-gradient(180deg, transparent, var(--surface));pointer-events:none;height:4.5em;position:absolute;bottom:0;left:0;right:0}.sb-mock .m-email__meta{border-bottom:1px solid var(--line);background:var(--card-tint-accent);gap:.6em;padding:1.3em 1.5em 1em;display:grid}.sb-mock .m-email__count{color:var(--accent-text)}.sb-mock .m-email__title{font-family:var(--font-display);font-variation-settings:"opsz" 60;letter-spacing:-.03em;font-size:1.9em;font-weight:800;line-height:1.02}.sb-mock .m-email__from{color:var(--ink-2);font-size:var(--m-s);align-items:center;gap:.6em;display:flex}.sb-mock .m-email__body{max-width:44em;color:var(--ink-2);align-content:start;gap:.75em;padding:1.1em 1.5em;line-height:1.5;display:grid}.sb-mock .m-cal{gap:var(--m-gap);grid-template-columns:minmax(0,1fr) 17.5em;align-items:start;display:grid}.sb-mock .m-cal__head{grid-column:1/-1;align-items:center;gap:.9em;display:flex}.sb-mock .m-cal__title{font-family:var(--font-display);font-variation-settings:"opsz" 60;letter-spacing:-.03em;white-space:nowrap;font-size:1.75em;font-weight:800;line-height:1}.sb-mock .m-cal__legend{gap:.5em;margin-right:auto;display:flex}.sb-mock .m-cal__swatch{border-radius:.25em;width:.75em;height:.75em}.sb-mock .m-cal__swatch--call{background:var(--grad-accent)}.sb-mock .m-cal__swatch--content{background:var(--grad-data)}.sb-mock .m-cal__grid{grid-template-rows:auto repeat(8,3.05em);grid-template-columns:3.8em repeat(7,minmax(0,1fr));padding:.5em .6em .6em 0;display:grid;overflow:hidden}.sb-mock .m-cal__corner{grid-area:1/1}.sb-mock .m-cal__day{grid-row:1;justify-items:center;gap:.25em;padding:.4em 0 .6em;display:grid}.sb-mock .m-cal__day b{min-width:1.75em;height:1.75em;font-family:var(--font-display);border-radius:.6em;place-items:center;padding:0 .3em;font-size:1.35em;font-weight:800;line-height:1;display:grid}.sb-mock .m-cal__day--today .m-label{color:var(--accent-text)}.sb-mock .m-cal__day--today b{background:var(--grad-accent);color:var(--accent-ink);box-shadow:0 .4em 1em -.4em var(--glow-accent), var(--m-shine)}.sb-mock .m-cal__hour{letter-spacing:.04em;text-align:right;grid-column:1;padding:.35em .7em 0 0;font-weight:500}.sb-mock .m-cal__lane{border-left:1px solid var(--line);background-image:linear-gradient(var(--line) 1px, transparent 1px);background-size:100% 3.05em;grid-row:2/-1}.sb-mock .m-cal__lane--today{background-color:color-mix(in srgb, var(--accent) 7%, transparent)}.sb-mock .m-cal__slot{min-width:0;font-size:var(--m-s);white-space:nowrap;border-radius:.6em;align-content:center;margin:.2em .2em .15em .25em;padding:.2em .5em;line-height:1.2;display:grid;position:relative;overflow:hidden}.sb-mock .m-cal__slot--half{top:1.5em}.sb-mock .m-cal__slot b{font-weight:700}.sb-mock .m-cal__slot span{font-size:var(--m-xs);opacity:.86}.sb-mock .m-cal__slot--call{background:var(--grad-accent);color:var(--accent-ink);box-shadow:0 .6em 1.1em -.7em var(--glow-accent), var(--m-shine)}.sb-mock .m-cal__slot--content{border:1px solid var(--data-line);border-left:.25em solid var(--data-2);background:var(--data-soft);color:var(--ink)}.sb-mock .m-cal__agenda{gap:.65em;padding:1em;display:grid}.sb-mock .m-cal__item{border:1px solid var(--card-border);background:var(--chip-bg);border-radius:.85em;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6em;padding:.5em;display:grid}.sb-mock .m-cal__item--call{border-color:var(--card-border-accent);background:var(--card-tint-accent);box-shadow:var(--shadow-1)}.sb-mock .m-cal__what{min-width:0;line-height:1.25;display:grid}.sb-mock .m-cal__what b,.sb-mock .m-cal__what span{white-space:nowrap}.sb-mock .m-cal__what span{color:var(--ink-3);font-size:var(--m-s)}.sb-mock .m-cal__item .m-pillnum{padding:.35em .45em .28em}.sb-mock .m-contacts{gap:var(--m-gap);grid-template-columns:minmax(0,1fr) 19.5em;align-items:start;display:grid}.sb-mock .m-contacts__list{grid-template-columns:minmax(0,1fr);gap:.8em;min-width:0;padding:1em;display:grid}.sb-mock .m-contacts__filters{flex-wrap:wrap;gap:.45em;min-width:0;display:flex}.sb-mock .m-filter{border:1px solid var(--chip-border);background:var(--chip-bg);height:2.35em;color:var(--ink-2);font-size:var(--m-s);white-space:nowrap;border-radius:999px;align-items:center;gap:.5em;padding:0 .6em 0 .9em;font-weight:600;display:inline-flex}.sb-mock .m-filter b{background:var(--surface-2);min-width:1.9em;color:var(--ink);font-family:var(--font-mono);font-size:var(--m-xs);text-align:center;border-radius:999px;padding:.3em .45em .22em;font-weight:700;line-height:1}.sb-mock .m-filter--on{background:var(--grad-accent);color:var(--accent-ink);box-shadow:0 .6em 1.2em -.7em var(--glow-accent), var(--m-shine);border-color:#0000}.sb-mock .m-filter--on b{background:color-mix(in srgb, var(--accent-ink) 16%, transparent);color:var(--accent-ink)}.sb-mock .m-contacts__rows{gap:.2em;display:grid}.sb-mock .m-contacts__row{border:1px solid #0000;border-radius:.85em;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 6.6em 9.8em;align-items:center;gap:.8em;min-height:3em;padding:.3em .6em;display:grid}.sb-mock .m-contacts__row--head{border-bottom-color:var(--line);border-radius:0;min-height:0;padding-bottom:.5em}.sb-mock .m-contacts__row--head>span{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--m-xs);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-weight:600;line-height:1.2}.sb-mock .m-contacts__row--on{border-color:var(--card-border-accent);background:var(--card-tint-accent);box-shadow:var(--shadow-1)}.sb-mock .m-contacts__who{white-space:nowrap;align-items:center;gap:.65em;min-width:0;display:flex}.sb-mock .m-contacts__email{color:var(--ink-3);font-size:var(--m-s);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-mock .m-status{border:1px solid var(--line-mid);background:var(--surface-2);color:var(--ink-2);font-size:var(--m-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:.45em;padding:.38em .7em .34em .6em;font-weight:700;line-height:1;display:inline-flex}.sb-mock .m-status:before{content:"";background:currentColor;border-radius:50%;width:.55em;height:.55em}.sb-mock .m-status--email-captured,.sb-mock .m-status--path-picked{border-color:var(--data-line);background:var(--data-soft);color:var(--data)}.sb-mock .m-status--clicked-offer{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}.sb-mock .m-status--bought{border-color:color-mix(in srgb, var(--live) 50%, transparent);background:color-mix(in srgb, var(--live) 14%, transparent);color:var(--positive)}.sb-mock .m-contacts__open{gap:1em;padding:1.2em;display:grid}.sb-mock .m-contacts__card{align-items:center;gap:.8em;min-width:0;display:flex}.sb-mock .m-contacts__id{min-width:0;color:var(--ink-3);font-size:var(--m-s);gap:.15em;display:grid}.sb-mock .m-contacts__name{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;font-size:1.55em;font-weight:800;line-height:1}.sb-mock .m-contacts__facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em;padding:.85em 0;display:grid}.sb-mock .m-contacts__facts>span{justify-items:start;gap:.35em;font-weight:600;display:grid}.sb-mock .m-contacts__now{grid-column:1/-1}.sb-mock .m-trail{gap:.75em;display:grid}.sb-mock .m-trail__step{grid-template-columns:1.6em minmax(0,1fr);gap:0 .7em;line-height:1.25;display:grid;position:relative}.sb-mock .m-trail__step:not(:last-child):before{content:"";border-left:1px dashed var(--line-mid);position:absolute;top:1.7em;bottom:-.7em;left:.78em}.sb-mock .m-trail__dot{border:1px solid var(--line-mid);background:var(--surface);border-radius:50%;grid-row:1/3;place-items:center;width:1.6em;height:1.6em;display:grid}.sb-mock .m-trail__dot .m-i{stroke-width:3px;width:.95em;height:.95em}.sb-mock .m-trail__step--done .m-trail__dot,.sb-mock .m-trail__step--now .m-trail__dot{background:var(--grad-accent);color:var(--accent-ink);border-color:#0000}.sb-mock .m-trail__step--now .m-trail__dot{box-shadow:0 0 0 .25em color-mix(in srgb, var(--accent) 22%, transparent), 0 .4em 1em -.3em var(--glow-accent)}.sb-mock .m-trail__step--done:before{border-left:1px solid var(--accent-line)}.sb-mock .m-trail__step b{font-weight:700}.sb-mock .m-trail__step span{color:var(--ink-3);font-size:var(--m-s);grid-column:2}.sb-mock .m-trail__step:not(.m-trail__step--done):not(.m-trail__step--now) b{color:var(--ink-3)}@container sbmock (max-width:939px){.sb-mock .sb-mock__rail{align-items:center;width:3.9em;padding:.9em .5em}.sb-mock .sb-mock__word,.sb-mock .sb-mock__acct-text,.sb-mock .sb-mock__nav-label,.sb-mock .sb-mock__badge,.sb-mock .sb-mock__count,.sb-mock .sb-mock__nav--on:after,.sb-mock .sb-mock__note{display:none}.sb-mock .sb-mock__lockup,.sb-mock .sb-mock__acct{background:0 0;border:0;padding:0}.sb-mock .sb-mock__nav,.sb-mock .sb-mock__nav--on{justify-content:center;width:2.7em;height:2.7em;margin:0;padding:0}.sb-mock .m-hero__sub{max-width:30em}.sb-mock .m-fix{grid-template-columns:auto minmax(0,1fr) auto;gap:1.1em;padding:1em 1.1em 1em 1.3em}.sb-mock .m-gap,.sb-mock .m-fix__look{display:none}.sb-mock .m-fix__say{margin-bottom:0;font-size:1.4em}.sb-mock .m-grid{grid-template-columns:minmax(0,1fr)}.sb-mock .m-feats{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-mock .m-feat{padding:1.15em 1.2em 1em}.sb-mock .m-feat__head{gap:.8em}.sb-mock .m-feat__head .m-tile{border-radius:.9em;width:3em;height:3em}.sb-mock .m-feat__name{font-size:1.6em}.sb-mock .m-feat__hl b{font-size:2.3em}.sb-mock .m-viz__lead+span:before,.sb-mock .m-feat__desc,.sb-mock .m-viz__lead,.sb-mock .m-flow,.sb-mock .m-keys__lead,.sb-mock .m-stat--wide{display:none}.sb-mock .m-rows{display:grid}.sb-mock .m-stats,.sb-mock .m-mods{grid-template-columns:repeat(3,minmax(0,1fr))}.sb-mock .m-mod{padding:1em 1em .95em}.sb-mock .m-mod__big{margin:.85em 0 0}.sb-mock .m-mod__big b{font-size:3em}.sb-mock .m-mod__note,.sb-mock .m-mod__go,.sb-mock .m-mod .m-meter{display:none}.sb-mock .m-bars{gap:.35em;height:5.6em}.sb-mock .m-pages{grid-template-columns:minmax(0,1fr) 13.6em}.sb-mock .m-pages__checks .m-label{white-space:normal}.sb-mock .m-pages__list,.sb-mock .m-sheet__band--faq,.sb-mock .m-pages__after{display:none}.sb-mock .m-sheet__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-mock .m-dm{grid-template-columns:minmax(0,1fr) 16.8em}.sb-mock .m-dm__step{grid-template-columns:8.4em minmax(0,1fr);gap:.6em}.sb-mock .m-bubble{max-width:90%}.sb-mock .m-bubble p{-webkit-line-clamp:2;line-clamp:2}.sb-mock .m-dm__public .m-label,.sb-mock .m-dm__flow .m-tile,.sb-mock .m-cell:nth-child(2){display:none}.sb-mock .m-cells{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-mock .m-email{grid-template-columns:19em minmax(0,1fr)}.sb-mock .m-email__span,.sb-mock .m-switch,.sb-mock .m-email__more{display:none}.sb-mock .m-email__title{font-size:1.6em}.sb-mock .m-email__meta{padding:1.1em 1.2em .9em}.sb-mock .m-email__body{padding:1em 1.2em}.sb-mock .m-cal{grid-template-columns:minmax(0,1fr)}.sb-mock .m-cal__agenda{display:none}.sb-mock .m-contacts{grid-template-columns:minmax(0,1fr) 15.8em}.sb-mock .m-contacts__row{grid-template-columns:minmax(0,1fr) 7.8em 9.6em}.sb-mock .m-contacts__email,.sb-mock .m-contacts__id>span:not(.m-contacts__name){display:none}.sb-mock .m-contacts__open{padding:1em}}@container sbmock (max-width:659px){.sb-mock .m-contacts__key,.sb-mock .m-filter--bought{display:none}.sb-mock .m-contacts__row{grid-template-columns:minmax(0,1fr) 9.6em}}@container sbmock (max-width:519px){.sb-mock .sb-mock__shell{grid-template-columns:minmax(0,1fr);font-size:11.5px}.sb-mock .sb-mock__rail,.sb-mock .sb-mock__tool{display:none}.sb-mock .sb-mock__mark--bar{display:block}.sb-mock .m-hero{grid-template-columns:minmax(0,1fr);gap:.8em}.sb-mock .m-eyebrow__more,.sb-mock .m-hero__sub,.sb-mock .m-clock__time small,.sb-mock .m-clock__date span,.sb-mock .m-clock:before{display:none}.sb-mock .m-clock{align-items:center;gap:.9em;min-width:0;padding:.7em .9em;display:flex}.sb-mock .m-clock__time{font-size:1.9em}.sb-mock .m-clock__mood{margin-left:auto}.sb-mock .m-fix{grid-template-columns:minmax(0,1fr);gap:.8em}.sb-mock .m-fix__tile{display:none}.sb-mock .m-fix__go{height:2.7em;font-size:1em}.sb-mock .m-feats{grid-template-columns:minmax(0,1fr)}.sb-mock .m-mods{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-mock .m-mod__aside{display:none}.sb-mock .m-pills{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-mock .m-pill:nth-child(n+7){display:none}.sb-mock .m-pages{grid-template-columns:minmax(0,1fr)}.sb-mock .m-pages__address,.sb-mock .m-sheet__links,.sb-mock .m-sheet__art,.sb-mock .m-pages__publish .m-kv,.sb-mock .m-pages__publish .m-pane__title,.sb-mock .m-pages__actions .m-btn:not(.m-btn--primary){display:none}.sb-mock .m-pages__tools{justify-content:space-between}.sb-mock .m-sheet__cta{margin-left:auto}.sb-mock .m-sheet__hero{grid-template-columns:minmax(0,1fr)}.sb-mock .m-sheet__h1{font-size:1.95em}.sb-mock .m-pages__publish{justify-content:space-between;align-items:center;padding:.7em .8em;display:flex}.sb-mock .m-pages__actions{margin:0}.sb-mock .m-dm{grid-template-columns:minmax(0,1fr)}.sb-mock .m-dm__side{display:none}.sb-mock .m-dm__thread{padding:.9em .9em 1.1em}.sb-mock .m-dm__step{grid-template-columns:minmax(0,1fr)}.sb-mock .m-dm__step:not(:last-child):before{display:none}.sb-mock .m-email{grid-template-columns:minmax(0,1fr)}.sb-mock .m-email__read,.sb-mock .m-email__head .m-tile,.sb-mock .m-email__when{display:none}.sb-mock .m-cal__head{flex-wrap:wrap;gap:.6em}.sb-mock .m-cal__title{margin-right:auto;font-size:1.5em}.sb-mock .m-cal__legend{order:3;width:100%}.sb-mock .m-cal__grid{grid-template-columns:3.8em repeat(3,minmax(0,1fr))}.sb-mock .m-cal__c3,.sb-mock .m-cal__c4,.sb-mock .m-cal__c5,.sb-mock .m-cal__c6{display:none}.sb-mock .m-cal__agenda{display:grid}.sb-mock .m-contacts{grid-template-columns:minmax(0,1fr)}.sb-mock .m-contacts__open,.sb-mock .m-contacts__key,.sb-mock .m-filter--bought,.sb-mock .m-contacts__row:nth-child(n+8){display:none}.sb-mock .m-contacts__row{grid-template-columns:minmax(0,1fr) 9.8em}.sb-mock .m-contacts__list{padding:.8em}}@container sbmock (max-width:329px){.sb-mock .m-clock__mood,.sb-mock .m-fix__label span,.sb-mock .m-stat .m-i{display:none}.sb-mock .m-stat{padding-inline:.6em}.sb-mock .m-stat__label{letter-spacing:.04em}.sb-mock .m-mod__big{flex-wrap:wrap;gap:.3em .65em}}