#v2-sites{margin:0}
#v2-sites .st{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 84px 176px;align-items:center;width:100%;max-width:610px;padding-right:8px;margin-inline:auto;font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif;color:#16181b}
#v2-sites .st-defs{position:absolute}
#v2-sites .st-cap{margin:0 0 12px;color:#35cdbc;font:600 10.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}
#v2-sites .st-make{position:relative;padding-bottom:58px}
#v2-sites .st-page{padding:20px 20px 16px;border-radius:14px;background:#fbfbf9;box-shadow:0 24px 60px #000b,0 0 0 1px #ffffff1c}
#v2-sites .st-page-k{margin:0 0 5px;color:#8a8e95;font:600 9.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
#v2-sites h4{margin:0;font-size:19px;font-weight:650;letter-spacing:-.03em}
#v2-sites .st-kpis{display:flex;gap:18px;margin-top:14px}
#v2-sites .st-kpis span{display:flex;flex-direction:column;gap:2px;color:#8a8e95;font-size:10.5px}
#v2-sites .st-kpis b{color:#16181b;font-size:16px;font-weight:650;letter-spacing:-.02em}
#v2-sites .st-kpis b.up{color:#13955a}
#v2-sites .st-spark{height:40px;margin-top:10px}
#v2-sites .st-spark svg{display:block;width:100%;height:100%}
#v2-sites .st-share{position:absolute;right:10px;bottom:0;width:min(286px,92%);padding:13px 14px;border-radius:14px;background:#121314;color:#f7f7f5;box-shadow:0 22px 50px #000d,0 0 0 1px #2e2f31;transform:translateY(8px);opacity:0;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
#v2-sites .st-share-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:650}
#v2-sites .st-share-h img{width:20px;height:20px}
#v2-sites .st-link{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 10px;border-radius:9px;background:#050505;box-shadow:0 0 0 1px #29292b}
#v2-sites .st-link code{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 10.5px/1.3 'JetBrains Mono',ui-monospace,monospace}
#v2-sites .st-slug{color:#f7f7f5}#v2-sites .st-dom{color:#8b8e94}
#v2-sites .st-copy{position:relative;flex:none;width:58px;height:24px;border:0;border-radius:6px;background:#f5f4f1;color:#111;font:700 10.5px 'DM Sans',sans-serif;overflow:hidden}
#v2-sites .st-copy span{position:absolute;inset:0;display:grid;place-items:center;transition:transform .3s ease}
#v2-sites .st-copy .b{transform:translateY(100%);background:#35cdbc;color:#04201c}
#v2-sites .st.is-copied .st-copy .a{transform:translateY(-100%)}
#v2-sites .st.is-copied .st-copy .b{transform:none}
#v2-sites .st-pw{display:flex;align-items:center;gap:8px;margin:10px 0 0;color:#a2a2a5;font-size:11.5px}
#v2-sites .st-toggle{position:relative;width:26px;height:15px;border-radius:15px;background:#2a2b2d}
#v2-sites .st-toggle i{position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#a2a2a5}
/* hand-off light path (Machined Noir fibre + pulse) */
#v2-sites .st-beam{position:relative;justify-self:stretch;height:2px;margin:0 10px}
#v2-sites .st-beam::before{content:"";position:absolute;inset:0;border-radius:2px;background:linear-gradient(90deg,rgba(132,228,216,0),rgba(132,228,216,.34) 18%,rgba(132,228,216,.34) 82%,rgba(132,228,216,0))}
#v2-sites .st-beam i{position:absolute;top:50%;left:0;width:56px;height:2px;margin-top:-1px;border-radius:2px;background:linear-gradient(90deg,rgba(55,205,188,0),#37cdbc 68%,#e9fffb);box-shadow:0 0 10px 1px rgba(55,205,188,.75),0 0 26px 4px rgba(55,205,188,.28);opacity:0;transform:translateX(-100%)}
#v2-sites .st.s2 .st-beam i{animation:st-pulse .9s cubic-bezier(.45,.05,.35,1) forwards}
@keyframes st-pulse{0%{left:0;transform:translateX(-100%);opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;transform:translateX(0);opacity:0}}
@keyframes st-pulse-v{0%{top:0;transform:translateY(-100%);opacity:0}15%{opacity:1}85%{opacity:1}100%{top:100%;transform:translateY(0);opacity:0}}
#v2-sites .st-them{justify-self:center}
#v2-sites .st-phone{position:relative;width:176px;aspect-ratio:800/1633;filter:drop-shadow(0 26px 40px rgba(0,0,0,.8))}
#v2-sites .st-bezel{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;user-select:none}
#v2-sites .st-screen{position:absolute;left:5.102%;top:2.2%;width:89.796%;height:95.6%;border-radius:13%/6.2%;overflow:hidden;background:#0b0e0f}
#v2-sites .st-phone-page{height:100%;padding:34px 12px 12px;background:#fbfbf9;overflow:hidden;opacity:.0;transform:translateY(12px);transition:opacity .6s ease .2s,transform .7s cubic-bezier(.2,.8,.2,1) .2s}
#v2-sites .st-phone h4{font-size:15px}
#v2-sites .st-url{margin:0 0 12px;padding:5px 8px;border-radius:7px;background:#ecebe7;color:#5b6068;font:500 8.5px/1.2 'JetBrains Mono',ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v2-sites .st-kpis-sm{gap:12px;margin-top:10px}
#v2-sites .st-kpis-sm b{font-size:14px}
#v2-sites .st-msg{position:absolute;z-index:3;left:-64px;top:196px;width:178px;padding:9px 11px;border-radius:14px 14px 14px 4px;background:#1d1e20;color:#f7f7f5;font-size:11.5px;line-height:1.35;box-shadow:0 14px 34px #000c,0 0 0 1px #2e2f31;opacity:0;transform:translateY(8px) scale(.96);transform-origin:left bottom;transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
#v2-sites .st-msg b{display:block;margin-bottom:2px;color:#71e0d4;font-size:10.5px}
#v2-sites .st-msg-link{display:block;margin-top:5px;color:#71e0d4;font:500 9px/1.2 'JetBrains Mono',ui-monospace,monospace;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* played states (set by sites.js, or final state when reduced motion / no JS) */
#v2-sites .st.s1 .st-share{opacity:1;transform:none}
#v2-sites .st.s3 .st-msg{opacity:1;transform:none}
#v2-sites .st.s4 .st-phone-page{opacity:1;transform:none}
/* mobile: vertical hand-off */
@media (max-width:640px){
  #v2-sites .st{grid-template-columns:1fr;max-width:360px}
  #v2-sites .st-make{padding-bottom:70px;margin-right:18px}
  #v2-sites .st-share{right:-18px}
  #v2-sites .st-them{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:0 14px;justify-self:stretch}
  #v2-sites .st-them .st-cap{grid-column:1 / -1;text-align:center}
  #v2-sites .st-phone{grid-column:1 / -1;justify-self:center}
  #v2-sites .st-msg{left:-36px;top:200px}
  #v2-sites .st-beam{justify-self:center;width:2px;height:54px;margin:8px 0 10px}
  #v2-sites .st-beam::before{background:linear-gradient(180deg,rgba(132,228,216,0),rgba(132,228,216,.34) 18%,rgba(132,228,216,.34) 82%,rgba(132,228,216,0))}
  #v2-sites .st-beam i{top:0;left:50%;width:2px;height:40px;margin:0 0 0 -1px;background:linear-gradient(180deg,rgba(55,205,188,0),#37cdbc 68%,#e9fffb);transform:translateY(-100%)}
  #v2-sites .st.s2 .st-beam i{animation-name:st-pulse-v}
}
@media (prefers-reduced-motion:reduce){#v2-sites *{transition:none!important}}
#v2-sites .st-rows{list-style:none;margin:10px 0 0;padding:0;font-size:10.5px}
#v2-sites .st-rows li{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #e6e6e2;color:#5b6068}
#v2-sites .st-rows b{color:#16181b;font-weight:600}
#v2-sites .st-rows li span{color:#5b6068}