.ss-window{width:min(24rem,100%,60cqh)}.ss-window .sd-mockbox{max-width:none}.ss-hero .sd-side-list{grid-auto-rows:auto;grid-template-rows:repeat(var(--n), minmax(0, 1fr));flex:1;min-height:0}.ss-hero[data-motion=true] .sd-side-hl{translate:none}.ss-hero .sd-side-item{gap:0}.ss-hero .sd-side-label{display:none}.ss-core-body{aspect-ratio:16/10;place-items:center;display:grid;overflow:hidden}.ss-core{place-items:center;width:7em;height:7em;display:grid;position:relative}.ss-core>img{z-index:1;border-radius:var(--radius-medium);width:3.6em;height:3.6em;position:relative}.ss-ring{border:1px solid color-mix(in srgb, var(--color-brand-secondary) 45%, transparent);border-radius:50%;position:absolute;inset:0}.ss-ring:nth-child(2){border-color:color-mix(in srgb, var(--color-brand-secondary) 22%, transparent);inset:-1.4em}.ss-core-label{inset-inline:0;text-align:center;color:var(--color-story-muted);font-size:.8em;font-weight:700;position:absolute;bottom:.6em}.ss-hint{align-items:flex-end;gap:2px;width:1.1em;height:1em;display:flex}.ss-hint>i{height:var(--h);background:var(--color-story-sky);transform-origin:50% 100%;border-radius:1px;flex:1}@media (max-width:767px){.ss-window{width:min(9.5rem,50%,60cqh)}.ss-hero .sd-mock{font-size:9px}}
.ss-stage{gap:.9em;width:100%;display:grid}.ss-devices{justify-content:center;align-items:center;gap:1.2em;display:flex}.ss-lap{border:1px solid var(--color-story-line);border-radius:var(--radius-medium) var(--radius-medium) 4px 4px;background:var(--color-content1);flex:1.5;min-width:0;padding:.45em .45em 0}.ss-lap-base{border:1px solid var(--color-story-line);border-radius:0 0 var(--radius-medium) var(--radius-medium);background:var(--color-content1);height:.5em;margin:0 -1.2em}.ss-page{border-radius:var(--radius-small);background:var(--color-content2);min-height:10em;padding:.6em}.ss-page-bar{justify-content:space-between;align-items:center;margin-bottom:.5em;font-size:.9em;font-weight:700;display:flex}.ss-store{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em;display:grid}.ss-prod{border:1px solid var(--color-story-line);border-radius:var(--radius-small);background:color-mix(in srgb, var(--color-story-ink) 3%, transparent);padding:.4em;font-size:.85em;position:relative}.ss-prod-img{border-radius:var(--radius-small);background:linear-gradient(135deg, color-mix(in srgb, var(--color-brand-secondary) 55%, transparent), #9fd7e34d);height:3.6em;margin-bottom:.3em}.ss-prod-price{color:var(--color-story-muted);font-size:.9em}.ss-prod-ring{border:2px solid var(--color-story-sky);border-radius:inherit;pointer-events:none;position:absolute;inset:-1px}.ss-prod-add{text-align:center;margin-top:.3em}.ss-phone-body{padding:1.8em .7em .7em;font-size:.85em;position:absolute;inset:0}.ss-phone-body .fs-notif{inset:auto .4em .6em}.ss-flow{align-items:flex-start;padding-top:.1em;display:flex;position:relative}.ss-flow-track{inset-inline:var(--inset,10%);background:color-mix(in srgb, var(--color-brand-secondary-200) 25%, transparent);height:2px;position:absolute;top:.8em}.ss-flow-fill{inset-inline:var(--inset,10%);background:var(--color-story-accent);transform-origin:100%;height:2px;position:absolute;top:.8em}.ss-pt{z-index:1;text-align:center;flex-direction:column;flex:1;align-items:center;gap:.3em;display:flex;position:relative}.ss-dot{border:1px solid var(--color-story-line);background:var(--color-content1);border-radius:50%;place-items:center;width:1.7em;height:1.7em;display:grid}.ss-dot>.fs-tick{width:1em;height:1em}.ss-pt-label{max-width:6em;font-size:.8em;line-height:1.4}.ss-packet{z-index:2;background:var(--color-story-sky);visibility:hidden;pointer-events:none;border-radius:50%;width:.9em;height:.9em;margin:-.45em 0 0 -.45em;position:absolute;top:.8em;left:0}.ss-card{border:1px solid var(--color-story-line);border-radius:var(--radius-medium);background:color-mix(in srgb, var(--color-story-ink) 3%, transparent);padding:.7em .8em;position:relative}.ss-card .sd-chip{margin:0 0 .3em .3em;display:inline-block}.ss-card-toast{padding-top:2.8em}.ss-toast{z-index:3;border-radius:var(--radius-small);background:var(--color-story-brand);align-items:center;gap:.6em;padding:.35em .7em;font-size:.85em;display:flex;position:absolute;inset:-.4em .6em auto}.ss-booking{border:1px solid color-mix(in srgb, var(--color-brand-secondary) 50%, transparent);border-radius:var(--radius-small);background:color-mix(in srgb, var(--color-brand-secondary) 25%, transparent);justify-content:space-between;align-items:center;gap:.5em;margin-top:.5em;padding:.3em .6em;font-size:.9em;display:flex}.ss-hub{width:100%;height:19em;position:relative;container-type:size}.ss-hub-core{z-index:2;border:1px solid color-mix(in srgb, var(--color-brand-secondary) 50%, transparent);border-radius:var(--radius-medium);background:color-mix(in srgb, var(--color-brand-secondary) 30%, transparent);text-align:center;place-items:center;gap:.1em;width:5.2em;height:5.2em;font-weight:800;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.ss-hub-core img{border-radius:var(--radius-small);width:2.2em;height:2.2em}.ss-hub-line{z-index:1;height:1px;width:hypot(calc(var(--lx) * 1cqw), calc(var(--ly) * 1cqh));rotate:atan2(calc(var(--ly) * 1cqh), calc(var(--lx) * 1cqw));background:color-mix(in srgb, var(--color-brand-secondary-200) 45%, transparent);transform-origin:0;position:absolute;top:50%;left:50%}.ss-hub-node{left:var(--x);top:var(--y);z-index:3;border:1px solid color-mix(in srgb, var(--color-brand-secondary) 45%, transparent);border-radius:var(--radius-small);background:color-mix(in srgb, var(--color-content1) 94%, transparent);white-space:nowrap;align-items:center;gap:.4em;padding:.25em .8em;font-size:.9em;font-weight:700;display:flex;position:absolute;translate:-50% -50%}.ss-hub-pulse{z-index:2;background:var(--color-story-sky);visibility:hidden;pointer-events:none;border-radius:50%;width:.8em;height:.8em;margin:-.4em 0 0 -.4em;position:absolute;top:50%;left:50%}@media (max-width:767px){.ss-card-toast{padding-top:4.4em}.ss-devices{gap:.6em}.ss-hub{height:15em}}.ss-mfg-track{grid-template-columns:repeat(6,minmax(0,1fr));gap:.3em;display:grid;position:relative}.ss-mfg-track .sd-chip{text-align:center;white-space:nowrap;min-width:0;padding-inline:.2em;font-size:.8em}.ss-mfg-card{border:1px solid color-mix(in srgb, var(--color-brand-secondary) 50%, transparent);border-radius:var(--radius-small);background:color-mix(in srgb, var(--color-brand-secondary) 30%, transparent);text-align:center;grid-area:2/6;padding:.4em .5em;font-size:.8em}.ss-mfg-chart{border:1px solid var(--color-story-line);border-radius:var(--radius-medium);background:color-mix(in srgb, var(--color-story-ink) 3%, transparent);padding:.6em .8em}.ss-mfg-chart .sd-abars{height:4.4em;margin:.4em 0 0}.ss-swap{display:inline-grid}.ss-swap>*{grid-area:1/1}.ss-sync{grid-template-columns:1fr 1.3fr .8fr;align-items:center;gap:.8em;display:grid}.ss-mini-phone{border:2px solid color-mix(in srgb, var(--color-story-ink) 25%, transparent);border-radius:var(--radius-medium);background:var(--color-content2);min-height:9.5em;padding:1.4em .5em .5em;font-size:.85em;position:relative}.ss-badge{margin-top:.3em;display:inline-block}.ss-course{border:1px solid var(--color-story-line);border-radius:var(--radius-medium);background:color-mix(in srgb, var(--color-story-ink) 3%, transparent);padding:.7em .8em;position:relative}.ss-lesson{border-bottom:1px solid color-mix(in srgb, var(--color-story-ink) 6%, transparent);justify-content:space-between;align-items:center;gap:.5em;padding:.25em 0;font-size:.95em;display:flex}.ss-lesson:last-of-type{border-bottom:0}.ss-lock{z-index:2;border-radius:0 0 var(--radius-medium) var(--radius-medium);background:color-mix(in srgb, var(--color-content2) 55%, transparent);opacity:0;visibility:hidden;place-items:center;display:grid;position:absolute;inset:2.6em 0 0}.ss-modal{z-index:4;border:1px solid color-mix(in srgb, var(--color-brand-secondary) 50%, transparent);border-radius:var(--radius-medium);background:var(--color-content1);width:15em;margin-inline:auto;padding:.7em .9em;position:absolute;inset:50% 0 auto;translate:0 -50%}@media (max-width:767px){.ss-sync{gap:.4em}.ss-mfg-track .sd-chip{font-size:.7em}}.ss-why-visual{font-size:.85rem;line-height:1.6}.ss-why-visual .ss-hub{height:11em}.ss-why-visual .ss-hub-core{border-radius:var(--radius-medium);width:3.4em;height:3.4em}.ss-why-visual .ss-hub-node{padding:.15em .6em;font-size:.85em}.ss-slot{border:1px dashed color-mix(in srgb, var(--color-brand-secondary) 50%, transparent);border-radius:var(--radius-medium);justify-content:space-between;align-items:center;gap:.6em;padding:.6em .8em;display:flex;position:relative}.ss-slot-ring{border:2px solid var(--color-story-sky);border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:-2px}.ss-bubble{border:1px solid var(--color-story-line);border-radius:var(--radius-medium);background:color-mix(in srgb, var(--color-story-ink) 4%, transparent);max-width:100%;padding:.4em .8em}.ss-bubble-ai{border-color:color-mix(in srgb, var(--color-brand-secondary) 50%, transparent);background:color-mix(in srgb, var(--color-brand-secondary) 25%, transparent)}