.st-root{--bg:var(--band,var(--pro-band));--ink:var(--pro-text);--soft:var(--pro-text);--muted:var(--pro-text);--line:var(--pro-line);--wash:var(--pro-wash);--pink:#f6c1d9;--pink-deep:#e08fb3;--glass:#0f0f12;--ok:#2f8f63;--late:#b4566e;font-family:var(--cal-font-sans);color:var(--ink)}:where(.st-scr,.cal-shot){--bg:#ffffff;--ink:#141416;--soft:#4a4a52;--muted:#8b8a93;--line:#ebe9ee;--wash:#f6f4f7;--pink:#f6c1d9;--pink-deep:#e08fb3;--glass:#0f0f12;--ok:#2f8f63;--late:#b4566e;color:var(--ink)}.st-pin h2{font-weight:300;letter-spacing:var(--cal-type-head-tracking,-.02em);text-wrap:balance;margin:0}.st-pin p{margin:0}.st-pin b{font-weight:500}.st-wrap{max-width:var(--cal-container-max,1400px);margin:0 auto;padding-left:max(var(--cal-gutter,24px),env(safe-area-inset-left,0px));padding-right:max(var(--cal-gutter,24px),env(safe-area-inset-right,0px))}.st-kicker{font-size:var(--cal-type-kicker,11px);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.st-pin{--bg:var(--band,var(--pro-band));position:relative}.st-stage{position:relative;max-height:calc(100vh - 56px);max-height:calc(100svh - 56px);overflow:hidden;display:flex;align-items:center;padding:clamp(48px,8vh,96px) 0}.st-stage>.st-wrap{width:100%}.st-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}.st-copy h2{font-size:var(--cal-type-head);line-height:var(--cal-type-head-leading,1.1)}.st-copy .st-line{font-size:var(--cal-type-sub);line-height:var(--cal-type-sub-leading,1.7);color:var(--soft);margin-top:var(--cal-gap-head,28px);max-width:30ch}.st-copy .st-kicker{margin-bottom:var(--cal-gap-kicker,20px)}.st-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:var(--cal-gap-sub,20px)}.st-center{text-align:center}.st-center .st-actions{justify-content:center}.st-center .st-copy .st-line{max-width:64ch;margin:var(--cal-gap-head,28px) auto 0}.st-photo{background-size:cover;background-position:50%}@keyframes st-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.st-scene{position:absolute;inset:6% 2% 6% 10%;border-radius:3px;background-size:cover;background-position:50%}.st-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 55%,transparent),transparent 40%)}.st-ctl-anchor{display:none}.st-ctl{position:absolute;z-index:6;left:var(--st-ctl-x,auto);right:auto;top:var(--st-ctl-y,50%);transform:translateY(-50%);width:32px;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--cal-font-sans);color:var(--pro-text)}.st-pin:not([data-ctl]) .st-ctl{left:auto;right:max(var(--cal-gutter,24px),env(safe-area-inset-right,0px))}.st-ctl-btn{display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:6px 4px;min-width:32px;min-height:32px;border:0;background:none;color:inherit;font:inherit;font-size:13px;font-weight:400;letter-spacing:.02em;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.st-ctl-btn:hover:not([disabled]) svg{color:var(--cal-pink)}.st-ctl-btn>span{writing-mode:vertical-rl;white-space:nowrap}.st-ctl-btn:hover:not([disabled])>span{text-decoration:underline;text-decoration-color:var(--cal-pink);text-underline-offset:4px}.st-ctl-btn[disabled]{opacity:.3;cursor:default}.st-ctl-btn:focus-visible{outline:2px solid var(--cal-pink);outline-offset:2px;border-radius:2px}.st-ctl-icon{padding:4px}.st-ctl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.st-rail{position:fixed;z-index:40;left:max(4px,env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%);padding:4px 0;border-radius:999px;background:color-mix(in srgb,var(--pro-band,#ffffff) 82%,transparent);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s ease}.st-rail[data-shown=true]{opacity:1;pointer-events:auto}.st-phone{position:relative;width:clamp(230px,22vw,300px);aspect-ratio:9/19.2;background:var(--glass);border-radius:46px;padding:11px;box-shadow:var(--pro-device-rim),0 50px 90px -40px var(--pro-device-shadow);margin:0 auto;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .6s}.st-phone .st-scr{position:relative;height:100%;border-radius:36px;overflow:hidden;background:#fff}.st-phone .st-scr:before{content:"";position:absolute;top:9px;left:50%;width:76px;height:22px;border-radius:20px;background:var(--glass);transform:translateX(-50%);z-index:5}.st-laptop{position:relative;width:min(100%,720px);margin:0 auto 18px;background:var(--glass);border-radius:14px 14px 6px 6px;padding:12px;aspect-ratio:16/10.4;box-shadow:var(--pro-device-rim),0 50px 90px -46px var(--pro-device-shadow);transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1)}.st-laptop .st-scr{position:relative;height:100%;border-radius:4px;overflow:hidden;background:#fff}.st-laptop:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-16px;height:16px;border-radius:0 0 14px 14px;background:var(--pro-device-base)}.st-layer{position:absolute;inset:0;opacity:0;transition:opacity .5s}.st-layer.st-on{opacity:1}.st-ui{display:flex;flex-direction:column;padding:16px 18px;font-size:13px;text-align:left;overflow:hidden}.st-uihead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--line);font-size:14px}.st-uihead span{font-size:12px;color:var(--muted)}.st-uirow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--soft);min-width:0}.st-uirow b{color:var(--ink);white-space:nowrap}.st-uirow small{color:var(--muted);font-size:11.5px;white-space:nowrap}.st-uirow span{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.st-uirow>b+small{margin-left:0}.st-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#e9d3dd,#cfc6d6);flex:none}.st-doc{width:20px;height:24px;border-radius:3px;box-shadow:inset 0 0 0 1px #ddd8e1;flex:none}.st-doc,.st-read{background:var(--wash)}.st-read{display:none;padding:3px 9px;border-radius:999px;color:var(--soft)}.st-read.st-on{display:inline-block;animation:st-rise .4s both}.st-ok,.st-uihead .st-ok{color:var(--ok)}.st-read.st-ok{background:#e8f5ee}.st-uirow small.st-from{visibility:hidden}.st-uirow small.st-from.st-on{visibility:visible;color:var(--ok)}.st-desk{margin:0;width:100%}@media (max-width:899px){.st-split{grid-template-columns:1fr;gap:18px}.st-stage{align-items:flex-start;padding:clamp(36px,6vh,56px) 0}.st-phone{width:172px;border-radius:34px;padding:8px}.st-phone .st-scr{border-radius:27px}.st-ui{padding:10px 12px;font-size:11px}.st-uirow{gap:7px;padding:6px 0}.st-uirow small{display:none}.st-scene{inset:4% 0}.st-desk{padding:7px;aspect-ratio:4/3.3}.st-desk .st-ui{font-size:9.5px}}@media (max-width:767px){.st-stage>.st-wrap{padding-right:calc(max(var(--cal-gutter, 24px), env(safe-area-inset-right, 0px)) + 36px)}}@media (prefers-reduced-motion:reduce){.st-root *,.st-root :after,.st-root :before{animation:none!important;transition:none!important}.st-rail{transition:none}}