.wyg{--mock-text:#202124;--mock-muted:#4d5156;--mock-link:#1a0dab;--mock-field:#c9c4d4;--mock-placeholder:#8a8496;--mock-code:#cfc2e6;--mock-live:#1f7a47;--mock-live-dot:#1f9d57;position:relative;background:var(--color-paper);color:var(--color-ink)}.wyg-pin{display:flex;flex-direction:column;max-width:760px;margin-left:max(0px,calc((100% - var(--content-max)) / 2))}.wyg-copy,.wyg-steps{display:contents}.wyg-head{order:0;margin-bottom:22px}.wyg-step{order:3}.wyg-step[data-step="0"]{order:1}.wyg:not([data-motion]) .wyg-step[data-step="0"] .wyg-text{display:none}.wyg-step[data-step="6"]{order:4;margin-top:28px}.wyg-step:not([data-step="0"],[data-step="6"]){margin-top:10px;padding:18px 20px;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface)}.wyg-n{margin:0;font:800 var(--label-size) /1.2 var(--font-mono);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-plum)}.wyg-step h3{margin:6px 0 8px;font-family:var(--font-display);font-weight:400;font-size:23.5px;line-height:1.3;color:var(--color-ink)}.wyg-text{max-width:430px;margin:0;font-size:15.5px;font-weight:500;line-height:1.5;color:var(--color-body)}.wyg-receipt{order:5;max-width:430px;margin:28px 0 0;padding:14px 0 0;border-top:1px solid var(--color-line);list-style:none}.wyg-receipt li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--color-line);font-size:13.5px;font-weight:500;opacity:.32;transition:opacity .35s ease}.wyg-receipt b{font-weight:600;color:var(--color-ink);opacity:0;transform:translateX(-6px);transition:opacity .35s ease,transform .35s ease}.wyg-receipt li[data-on]{opacity:1}.wyg-receipt li[data-on] b{opacity:1;transform:none}.wyg-receipt li[data-now] span{font-weight:600}.wyg-hint,.wyg-rail{display:none}.wyg-finale{order:6;margin-top:22px}.wyg-finale strong{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(26px,2.35vw,33px);letter-spacing:var(--h-tracking);color:var(--color-ink)}.wyg-finale span{font-size:13px;font-weight:500;color:var(--color-plum)}.wyg-viz{order:2;margin:8px 0 18px}.wyg-viz:not([data-ready]) .wyg-scene{visibility:hidden}.wyg-scene{container-type:inline-size;position:relative;width:100%;aspect-ratio:16/10}.wyg-lay{border-radius:var(--radius-hair)}.wyg-face,.wyg-lay{position:absolute;inset:0}.wyg-face{overflow:hidden;border:1.5px solid var(--color-ink);border-radius:var(--radius-hair);background:var(--color-surface);transition:box-shadow .35s ease,border-color .35s ease}.wyg-f-domain{display:grid;place-items:center;background:color-mix(in oklab,var(--color-lavender) 18%,var(--color-mist))}.wyg-url{display:flex;align-items:center;gap:1.6cqw;min-width:62%;max-width:88%;padding:2cqw 3.6cqw;border:1.5px solid var(--color-ink);border-radius:99px;background:var(--color-surface);font-size:3cqw;font-weight:600;white-space:nowrap}.wyg-url span{overflow:hidden;text-overflow:ellipsis}.wyg-url:before{content:"";flex:none;width:2cqw;height:2.4cqw;border:2px solid var(--color-ink);border-radius:2px 2px 3px 3px;box-shadow:inset 0 -1cqw 0 var(--color-ink)}.wyg-caret{flex:none;width:2px;height:3.2cqw;background:var(--color-magenta)}.wyg-f-host{background:repeating-linear-gradient(90deg,var(--color-surface) 0 8cqw,var(--color-line) 8cqw calc(8cqw + 1px)),repeating-linear-gradient(0deg,var(--color-surface) 0 8cqw,var(--color-line) 8cqw calc(8cqw + 1px))}.wyg-live{position:absolute;top:3.2cqw;left:3.6cqw;display:flex;align-items:center;gap:1.4cqw;font-size:2.2cqw;font-weight:600;letter-spacing:.08em;color:var(--mock-live)}.wyg-live:before{content:"";width:1.8cqw;height:1.8cqw;border-radius:50%;background:var(--mock-live-dot)}.wyg-acct{position:absolute;bottom:3.2cqw;left:3.6cqw;font-size:2.2cqw;font-weight:600;opacity:.7}.wyg-f-code{padding:3.2cqw 4cqw;background:var(--color-ink);color:var(--mock-code);font:400 2.3cqw/1.65 ui-monospace,SF Mono,Menlo,Consolas,monospace;white-space:pre}.wyg-f-code em{font-style:normal;color:var(--color-neon)}.wyg-f-design{background:var(--t-bg)}.wyg-viewport{position:absolute;top:0;left:0;height:calc(100% / var(--s));overflow:hidden;transform:scale(var(--s));transform-origin:0 0;visibility:hidden}.wyg-viewport[data-ready]{visibility:visible}.wyg-f-design .tpl,.wyg-f-design .tpl *{transition:none}.wyg-f-extra{overflow:visible;border:none;background:transparent}.wyg-card{position:absolute;border:1.5px solid var(--color-ink);border-radius:var(--radius-hair);background:var(--color-surface);color:var(--mock-text);box-shadow:var(--shade-md);transition:transform .5s cubic-bezier(.2,.8,.2,1),translate .5s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease}.wyg-c-action{bottom:6%;left:4%;width:44%;padding:2.6cqw;font-size:2.4cqw;transform:translateZ(18px);transform-origin:0 100%}.wyg-c-title{margin:0 0 1.6cqw;font-size:2.9cqw;font-weight:600}.wyg-slots{display:flex;flex-wrap:wrap;gap:.8cqw}.wyg-slots i{padding:1cqw 1.4cqw;border:1px solid var(--accent);border-radius:6px;font-size:2.3cqw;font-style:normal;font-weight:600}.wyg-slots i[data-on]{background:var(--accent);color:var(--accent-ink)}.wyg-order{display:flex;justify-content:space-between;gap:1.6cqw;margin:0 0 .8cqw;font-weight:500}.wyg-field{display:block;margin-bottom:.9cqw;padding:1cqw 1.4cqw;border:1px solid var(--mock-field);border-radius:5px;color:var(--mock-placeholder)}.wyg-field[data-filled]{color:var(--mock-text)}.wyg-btn{display:inline-block;margin-top:.8cqw;padding:1cqw 1.8cqw;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-weight:600}.wyg-c-google{top:8%;right:4%;width:52%;padding:2.2cqw 2.6cqw;font-size:2.3cqw;line-height:1.4;transform:translateZ(36px);transform-origin:100% 0}.wyg-c-google span{display:block}.wyg-g-url{color:var(--mock-muted)}.wyg-g-title,.wyg-g-url{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wyg-g-title{margin:.4cqw 0;font-size:3.2cqw;color:var(--mock-link)}.wyg-g-text{color:var(--mock-muted)}.wyg-scene[data-tucked] .wyg-c-action{translate:-1.5cqw 1.875cqw;transform:translateZ(18px) scale(.58)}.wyg-scene[data-tucked] .wyg-c-google{translate:1.5cqw -3.125cqw;transform:translateZ(36px) scale(.58)}.wyg-scene[data-tucked][data-trade=cafe] .wyg-c-google{translate:1.5cqw calc(55.625cqw - 100%);transform-origin:100% 100%}.wyg-more{max-width:760px;margin:28px 0 0 max(0px,calc((100% - var(--content-max)) / 2))}.wyg-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600;color:var(--color-ink)}.wyg-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s var(--ease-out)}@media (hover:hover){.wyg-link:hover svg{transform:translateX(3px)}}.wyg[data-motion]{padding:0;overflow-x:clip}.wyg[data-motion] .wyg-pin{position:relative;display:grid;grid-template-columns:minmax(320px,.78fr) 1.22fr;align-items:center;max-width:none;height:100vh;height:100svh;margin:0;padding-left:max(var(--page-x),calc((100% - var(--content-max)) / 2));background:var(--color-paper)}.wyg[data-motion] .wyg-copy{position:relative;z-index:2;display:block;grid-area:1/1;padding:0 2vw 0 0}.wyg[data-motion] .wyg-steps{position:relative;display:block;min-height:170px}.wyg[data-motion] .wyg-step{position:absolute;inset:0 0 auto;margin:0;padding:0;border:0;background:none;opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}.wyg[data-motion] .wyg-step[data-active]{opacity:1;transform:none}.wyg[data-motion] .wyg-receipt{margin-top:clamp(24px,12svh,140px)}.wyg[data-motion] .wyg-rail{display:flex;gap:6px;margin-top:18px}.wyg-rail i{width:24px;height:3px;background:var(--color-line);transition:background .3s ease}.wyg-rail i[data-on]{background:var(--color-ink)}.wyg[data-motion] .wyg-viz{position:relative;grid-area:1/2;align-self:stretch;height:100%;margin:0;perspective:1800px}.wyg[data-motion] .wyg-scene{--tx:0;--gap:0px;--mx:0;--my:0;position:absolute;top:52%;left:48%;width:min(34vw,500px);transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(calc(var(--tx) * 56deg + var(--my) * 1deg)) rotate(calc(var(--tx) * -36deg + var(--mx) * 1deg)) scale(calc(1.18 - var(--tx) * .18))}.wyg[data-motion] .wyg-lay{transform-style:preserve-3d;transform:translateZ(calc(var(--i) * var(--gap) + var(--lift, 0px) + var(--away, 0px)));transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.wyg[data-motion] .wyg-lay[data-hot]{--lift:28px}.wyg[data-motion] .wyg-lay[data-hot] .wyg-face:not(.wyg-f-extra){border-color:var(--color-magenta);box-shadow:0 0 0 2px var(--color-magenta),var(--day-shadow)}.wyg[data-motion] .wyg-lay[data-hot] .wyg-card{border-color:var(--color-magenta);box-shadow:0 0 0 2px var(--color-magenta),var(--shade-md)}.wyg[data-motion] .wyg-lay[data-dim]{--away:140px;opacity:.07}.wyg[data-motion] .wyg-f-extra{transform-style:preserve-3d}.wyg[data-motion] .wyg-finale{grid-area:1/2;align-self:end;justify-self:center;margin:0 4% 8svh 0;text-align:center;opacity:0;transition:opacity .5s ease}.wyg[data-motion] .wyg-finale[data-on]{opacity:1}.wyg[data-motion] .wyg-finale strong{font-size:33px}.wyg[data-motion] .wyg-hint{grid-area:1/1;align-self:end;justify-self:start;display:flex;align-items:center;gap:6px;margin:0 0 22px;font:800 var(--label-size) /1.2 var(--font-mono);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-plum);transition:opacity .3s ease}.wyg-hint svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6}.wyg[data-motion] .wyg-hint[data-gone]{opacity:0}.wyg[data-motion] .wyg-more{max-width:none;margin:0;padding:28px 0 var(--section-y) max(var(--page-x),calc((100% - var(--content-max)) / 2))}.wyg[data-motion] .wyg-caret{animation:wyg-blink 1s steps(1) infinite}.wyg[data-motion] .wyg-live:before{animation:wyg-pulse 1.6s infinite}.wyg[data-motion] .wyg-code-scroll{animation:wyg-code 9s linear infinite}@keyframes wyg-blink{50%{opacity:0}}@keyframes wyg-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--mock-live-dot) 50%,transparent)}70%,to{box-shadow:0 0 0 1.8cqw color-mix(in srgb,var(--mock-live-dot) 0%,transparent)}}@keyframes wyg-code{to{transform:translateY(-50%)}}