.ch{--ease:cubic-bezier(.2,0,0,1);--navy:#12263a;--navy-2:#1d394f;--navy-3:#284b63;--ink:#e3f4f7;--ink-2:#9fc3d1;--volt:#c3f73a;--fire:#ff220c;width:100%;max-width:760px;margin-inline:auto;container-type:inline-size}.ch-stage{--s:calc(100cqw/1000);aspect-ratio:1000/620;width:100%;font-family:var(--plex,"IBM Plex Sans",system-ui,sans-serif);position:relative}.ch-stage *{box-sizing:border-box}.ch-phone{left:calc(40*var(--s));top:calc(4*var(--s));width:calc(300*var(--s));position:absolute}.ch-sheet{z-index:20;left:calc(8.5*var(--u));right:calc(8.5*var(--u));bottom:calc(8.5*var(--u));height:calc(380*var(--u));padding:calc(22*var(--u))calc(20*var(--u))0;border-radius:calc(36*var(--u));color:#181d27;box-shadow:0 calc(-2*var(--u))calc(24*var(--u))#0000001f;transform:translateY(calc(420*var(--u)));transition:transform .52s var(--ease,cubic-bezier(.2,0,0,1));background:#fff;flex-direction:column;display:flex;position:absolute}.ch-sheet[data-open]{transform:none}.ch-grabber{left:50%;top:calc(6*var(--u));width:calc(36*var(--u));height:calc(5*var(--u));margin-left:calc(-18*var(--u));background:#d4d4d6;border-radius:99px;position:absolute}.ch-sheet-title{height:calc(26*var(--u));font-size:calc(20*var(--u));line-height:calc(26*var(--u));font-weight:600}.ch-sheet-sub{margin-top:calc(4*var(--u));height:calc(18*var(--u));font-size:calc(13*var(--u));line-height:calc(18*var(--u));color:#535862;white-space:nowrap}.ch-cred{margin-top:calc(16*var(--u));flex-direction:column;align-items:flex-start;display:flex}.ch-cred+.ch-cred{margin-top:calc(14*var(--u))}.ch-cred-label{height:calc(16*var(--u));font-size:calc(12*var(--u));line-height:calc(16*var(--u));color:#535862}.ch-cred-value{margin-top:calc(4*var(--u));height:calc(36*var(--u));padding:0 calc(12*var(--u));border-radius:calc(12*var(--u));font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:calc(12.5*var(--u));line-height:calc(36*var(--u));white-space:nowrap;text-overflow:ellipsis;background:#f5f5f5;align-self:stretch;overflow:hidden}.ch-copy{margin-top:calc(8*var(--u));height:calc(32*var(--u));padding:0 calc(12*var(--u));border:calc(1*var(--u))solid #d5d7da;align-items:center;gap:calc(6*var(--u));font-size:calc(13*var(--u));color:#181d27;transition:transform .18s var(--ease),background-color .18s;border-radius:99px;font-weight:600;display:inline-flex}.ch-copy[data-press]{background:#f0f1f3;transform:scale(.95)}.ch-copy[data-copied]{color:#266382}.ch-copy svg{width:calc(14*var(--u));height:calc(14*var(--u))}.ch-back{margin-top:calc(18*var(--u));font-size:calc(15*var(--u));color:#414651;font-weight:600}.ch-tabs{left:calc(420*var(--s));top:calc(60*var(--s));gap:calc(8*var(--s));display:flex;position:absolute}.ch-tabs span{padding:calc(6*var(--s))calc(16*var(--s));border:calc(1.5*var(--s))solid var(--navy-3);font-size:calc(17*var(--s));color:var(--navy-3);transition:background-color .32s var(--ease),color .32s var(--ease),border-color .32s var(--ease);border-radius:99px;font-weight:600}.ch-tabs span[data-on]{background:var(--navy);border-color:var(--navy);color:var(--volt)}.ch-card{left:calc(420*var(--s));top:calc(120*var(--s));width:calc(540*var(--s));height:calc(372*var(--s));padding:calc(24*var(--s));border-radius:calc(22*var(--s));background:var(--navy);color:var(--ink);box-shadow:0 calc(18*var(--s))calc(40*var(--s))#12263a47;gap:calc(12*var(--s));opacity:0;transform:translateX(calc(28*var(--s)))scale(.98);transition:opacity .32s var(--ease),transform .32s var(--ease);flex-direction:column;display:flex;position:absolute}.ch-card[data-on]{opacity:1;transform:none}.ch-card-head{height:calc(40*var(--s));align-items:center;gap:calc(12*var(--s));display:flex}.ch-card-head b{font-size:calc(24*var(--s));font-weight:600}.ch-glyph{width:calc(36*var(--s));height:calc(36*var(--s));fill:none;stroke:var(--volt);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.ch-live{align-items:center;gap:calc(6*var(--s));padding:calc(4*var(--s))calc(10*var(--s));background:var(--fire);color:#fff;font-size:calc(14*var(--s));letter-spacing:.06em;opacity:0;transition:opacity .18s var(--ease),transform .32s cubic-bezier(.175,.885,.32,1.275);border-radius:99px;margin-left:auto;font-weight:700;display:inline-flex;transform:scale(.6)}.ch-live[data-on]{opacity:1;transform:none}.ch-live i{width:calc(8*var(--s));height:calc(8*var(--s));background:#fff;border-radius:50%}.ch-live[data-on] i{animation:1.2s ease-in-out infinite ch-blink}@keyframes ch-blink{50%{opacity:.25}}.ch-field{height:calc(52*var(--s));padding:0 calc(16*var(--s));border-radius:calc(12*var(--s));background:var(--navy-2);align-items:center;gap:calc(12*var(--s));display:flex;position:relative;overflow:hidden}.ch-field span{width:calc(140*var(--s));font-size:calc(15*var(--s));color:var(--ink-2);flex:none}.ch-field em{min-width:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-style:normal;font-size:calc(15*var(--s));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ch-field:not(.ch-field-svc) em{opacity:0;transition:opacity .18s}.ch-field[data-filled] em{opacity:1;transition:opacity .18s var(--ease).56s}.ch-field:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 calc(2*var(--s))var(--volt);opacity:0;position:absolute;inset:0}.ch-field[data-filled]:after{animation:ch-land .64s var(--ease).52s both}@keyframes ch-land{0%{opacity:0}30%{opacity:1}to{opacity:0}}.ch-field-svc em{color:var(--volt)}.ch-start{margin-top:calc(12*var(--s));height:calc(52*var(--s));padding:0 calc(26*var(--s));background:var(--volt);color:var(--navy);align-self:flex-start;align-items:center;gap:calc(8*var(--s));font-size:calc(18*var(--s));transition:transform .18s var(--ease),background-color .32s var(--ease),color .32s var(--ease);border-radius:99px;font-weight:700;display:inline-flex}.ch-start[data-press]{transform:scale(.94)}.ch-start[data-live]{background:var(--navy-3);color:var(--ink)}.ch-start[data-live]:before{content:"";width:calc(10*var(--s));height:calc(10*var(--s));background:var(--fire);border-radius:50%}.ch-chip{z-index:30;left:calc(184*var(--s));pointer-events:none;opacity:0;transition:opacity .18s var(--ease);position:absolute}.ch-chip[data-from=server]{top:calc(441*var(--s));--dx:calc(556*var(--s));--dy:calc(-155*var(--s))}.ch-chip[data-from=key]{top:calc(508*var(--s));--dx:calc(556*var(--s));--dy:calc(-158*var(--s))}.ch-chip-body{padding:calc(8*var(--s))calc(14*var(--s));background:var(--volt);color:var(--navy);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:calc(14*var(--s));white-space:nowrap;box-shadow:0 calc(8*var(--s))calc(18*var(--s))#12263a4d;border-radius:99px;font-weight:600;display:block;transform:translate(-50%,-50%)}.ch-chip[data-lift]{opacity:1}.ch-chip[data-lift] .ch-chip-body{animation:ch-lift .32s var(--ease)both}@keyframes ch-lift{0%{transform:translate(-50%,-50%)scale(.7)}to{transform:translate(-50%,-50%)scale(1.04)}}.ch-chip[data-fly]{opacity:1;animation:.64s cubic-bezier(.4,0,.2,1) both ch-fly-x}.ch-chip[data-fly] .ch-chip-y{animation:ch-fly-y .64s var(--ease)both;display:block}.ch-chip[data-fly] .ch-chip-body{animation:.76s linear both ch-fade;transform:translate(-50%,-50%)scale(1.04)}@keyframes ch-fly-x{0%{transform:translate(0)}to{transform:translateX(var(--dx))}}@keyframes ch-fly-y{0%{transform:translateY(0)}to{transform:translateY(var(--dy))}}@keyframes ch-fade{0%,78%{opacity:1}to{opacity:0}}.ch-signal{left:calc(330*var(--s));top:calc(300*var(--s));width:calc(100*var(--s));height:calc(4*var(--s));background:repeating-linear-gradient(270deg,var(--fire)0 calc(10*var(--s)),transparent calc(10*var(--s))calc(22*var(--s)));background-size:calc(44*var(--s))100%;opacity:0;transition:opacity .32s var(--ease);border-radius:99px;position:absolute}.ch-signal[data-on]{opacity:.85;animation:.9s linear infinite ch-signal}@keyframes ch-signal{to{background-position:calc(-44*var(--s))0}}@media (prefers-reduced-motion:reduce){.ch-chip{display:none}.ch-signal[data-on],.ch-live[data-on] i,.ch-field[data-filled]:after{animation:none}}