.phone{--da:"Archivo","Helvetica Neue",Arial,sans-serif;--dm:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;--ds:"VT One","Instrument Serif",Georgia,"Times New Roman",serif}.phone svg text{font-family:var(--dm)}.phone svg .ln{fill:none;stroke-linejoin:round;stroke-linecap:round}.phone [data-odo],.mchip [data-odo]{font-variant-numeric:tabular-nums}.vi{display:inline-block;vertical-align:middle;background:currentColor;-webkit-mask:var(--vi) center/contain no-repeat;mask:var(--vi) center/contain no-repeat}.phone{--pw:270px;--pu:1px;position:relative;flex:none;box-sizing:border-box;width:var(--pw);height:auto;aspect-ratio:270/556;padding:0;border-radius:16.3%/7.91%;background:linear-gradient(150deg,#2b3338,#0b0e10 38% 70%,#20272b);box-shadow:0 50px 90px -40px #000000bf,0 0 0 1px #3a444a,inset 0 0 0 2px #050709}@supports (width:1cqw){.phone{container-type:inline-size;width:min(var(--pw),100cqw,calc((100cqh - 24px)*.4856))}.phone .ph,.phone:before{--pu:calc(100cqw / 270)}}@media (max-width:360px){.phone{transform:none;margin-bottom:0}}@media (min-width:901px){.fmedia:not(.ph):has(>.phone:not(.lg)){container-type:size}}.phone:before{top:calc(var(--pu)*17);width:calc(var(--pu)*76);height:calc(var(--pu)*22);border-radius:calc(var(--pu)*12)}.phone .ph{position:absolute;inset:1.98% 4.074%;border-radius:calc(var(--pu)*34);overflow:hidden;display:flex;flex-direction:column;gap:calc(var(--pu)*8);padding:0 calc(var(--pu)*12);background:#0c1114 radial-gradient(130% 55% at 50% -8%,rgba(60,196,213,.13),transparent 62%);color:#eef0f0;font:400 calc(var(--pu)*11)/1.3 var(--da);text-align:left;-webkit-font-smoothing:antialiased}.phone .ph:after{content:"";position:absolute;left:50%;bottom:calc(var(--pu)*6);transform:translate(-50%);width:calc(var(--pu)*84);height:calc(var(--pu)*4);border-radius:calc(var(--pu)*2);background:#eef0f0;opacity:.5}.phone .ph-sb{flex:none;height:calc(var(--pu)*42);display:flex;align-items:center;justify-content:space-between;padding:calc(var(--pu)*3) calc(var(--pu)*12) 0 calc(var(--pu)*16);margin-bottom:calc(var(--pu)*-4)}.phone .ph-sb b{font:600 calc(var(--pu)*12.5)/1 var(--da);letter-spacing:-.01em}.phone .ph-sbi{width:calc(var(--pu)*44);height:calc(var(--pu)*10);display:block;background:currentColor;-webkit-mask:var(--sbi) center/contain no-repeat;mask:var(--sbi) center/contain no-repeat}.phone .ph-hd{flex:none;display:flex;justify-content:space-between;align-items:flex-end;gap:calc(var(--pu)*8)}.phone .ph-hd small{display:flex;align-items:center;gap:calc(var(--pu)*5);font:500 calc(var(--pu)*8.5)/1.2 var(--dm);letter-spacing:.07em;text-transform:uppercase;color:#8e989e;margin-bottom:calc(var(--pu)*3)}.phone .ph-hd small.rec{color:#ff8a6e}.phone .ph-hd small.rec:before{content:"";width:calc(var(--pu)*6);height:calc(var(--pu)*6);border-radius:50%;background:#f25c3a;box-shadow:0 0 0 calc(var(--pu)*3) #f25c3a38}.phone .ph-hd .ph-h{margin:0;font:700 calc(var(--pu)*20)/1.05 var(--da);letter-spacing:-.025em;color:#f3f1e9}.phone .ph-ex{flex:none;margin-bottom:calc(var(--pu)*2);padding:calc(var(--pu)*4) calc(var(--pu)*7);border-radius:calc(var(--pu)*999);background:#1a2227;border:1px solid #2A343A;color:#aeb5b9;font:500 clamp(calc(var(--pu)*8),10px,calc(calc(var(--pu)*8)*1.25))/1 var(--dm);letter-spacing:.08em;text-transform:uppercase}.phone .ph-seg{flex:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:calc(var(--pu)*2);border-radius:calc(var(--pu)*9);background:#172025}.phone .ph-seg span{padding:calc(var(--pu)*5) 0;border-radius:calc(var(--pu)*7);text-align:center;font:600 calc(var(--pu)*10)/1 var(--da);color:#8e989e}.phone .ph-seg .on{background:#2b353b;color:#f3f1e9;box-shadow:0 1px calc(var(--pu)*3) #00000073}.phone .ph-card{flex:none;padding:calc(var(--pu)*9) calc(var(--pu)*10);border-radius:calc(var(--pu)*16);background:#141b1f;border:1px solid rgba(255,255,255,.06)}.phone .ph-k{display:block;font:500 calc(var(--pu)*8.5)/1.2 var(--dm);letter-spacing:.07em;text-transform:uppercase;color:#8e989e}.phone .ph-mono{font:500 calc(var(--pu)*9.5)/1.25 var(--dm);color:#c3cacd}.phone .ph-row{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--pu)*8)}.phone .ph-src{display:block;padding:0 calc(var(--pu)*2);font:500 calc(var(--pu)*9)/1.3 var(--dm);color:#aeb5b9}.phone .ph-chart .ph-k{margin:0 0 calc(var(--pu)*2) calc(var(--pu)*2)}.phone .ph-chart .ph-src{margin-top:calc(var(--pu)*2)}.phone .ph-rb{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.phone .ph-segi label{position:relative;display:flex;align-items:center;justify-content:center;min-height:max(28px,calc(var(--pu)*28));padding:0 calc(var(--pu)*2);border-radius:calc(var(--pu)*7);text-align:center;font:600 max(11px,calc(var(--pu)*10.5))/1 var(--da);color:#c3cacd;cursor:pointer}.phone .ph-segi label:after{content:"";position:absolute;inset:-12px 0}.phone .ph-rb:nth-of-type(1):checked~.ph-segi label:nth-child(1),.phone .ph-rb:nth-of-type(2):checked~.ph-segi label:nth-child(2),.phone .ph-rb:nth-of-type(3):checked~.ph-segi label:nth-child(3){background:#2b353b;color:#f3f1e9;box-shadow:0 1px calc(var(--pu)*3) #00000073}.phone .ph-rb:nth-of-type(1):focus-visible~.ph-segi label:nth-child(1),.phone .ph-rb:nth-of-type(2):focus-visible~.ph-segi label:nth-child(2),.phone .ph-rb:nth-of-type(3):focus-visible~.ph-segi label:nth-child(3){outline:2px solid #3CC4D5;outline-offset:1px}.phone .ph-zps{flex:none;display:flex;flex-direction:column}.phone .ph-zp{display:none;flex-direction:column;gap:calc(var(--pu)*6)}.phone .ph-rb:nth-of-type(1):checked~.ph-zps .zp-b,.phone .ph-rb:nth-of-type(2):checked~.ph-zps .zp-r,.phone .ph-rb:nth-of-type(3):checked~.ph-zps .zp-h{display:flex}.phone .ph-bi{flex:none;width:calc(var(--pu)*11);height:calc(var(--pu)*11)}.phone .ph-g2{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--pu)*7)}.phone .ph-stage{flex:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:calc(var(--pu)*6) calc(var(--pu)*8);padding:calc(var(--pu)*8) calc(var(--pu)*10);border-radius:calc(var(--pu)*12);background:#141b1f;border:1px solid rgba(255,255,255,.06)}.phone .ph-stage span{font:500 calc(var(--pu)*8.5)/1 var(--dm);letter-spacing:.07em;text-transform:uppercase;color:#8e989e}.phone .ph-stage b{font:700 calc(var(--pu)*13)/1 var(--da)}.phone .ph-stage i{grid-column:1/-1;display:block;height:calc(var(--pu)*4);border-radius:calc(var(--pu)*2);background:#232c31;overflow:hidden}.phone .ph-stage em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3cc4d5,#e2b84a 62%,#f25c3a)}.phone .ph-bigrow{flex:none;display:flex;justify-content:space-between;align-items:flex-end;padding:0 calc(var(--pu)*2)}.phone .ph-big{display:block;margin-top:calc(var(--pu)*2);font:400 calc(var(--pu)*46)/.95 var(--ds);color:#f3f1e9}.phone .ph-big small{margin-left:calc(var(--pu)*4);font:500 calc(var(--pu)*10)/1 var(--dm);color:#8e989e}.phone .ph-big.up{color:#3cc4d5}.phone .ph-rel{text-align:right}.phone .ph-rel b{display:block;font:600 calc(var(--pu)*17)/1 var(--da);color:#3cc4d5}.phone .ph-rel small{font:500 calc(var(--pu)*8.5)/1 var(--dm);color:#8e989e}.phone .ph-chart{padding:calc(var(--pu)*8) calc(var(--pu)*8) calc(var(--pu)*7)}.phone .ph-chart svg{display:block;width:100%;height:auto}.phone .ph-leg{display:flex;gap:calc(var(--pu)*10);margin-top:calc(var(--pu)*4);padding-left:calc(var(--pu)*2);font:500 calc(var(--pu)*8.5)/1 var(--dm);color:#8e989e}.phone .ph-leg i{display:inline-block;width:calc(var(--pu)*9);height:calc(var(--pu)*3);border-radius:calc(var(--pu)*2);margin-right:calc(var(--pu)*4);vertical-align:middle}.phone .ph-tile{padding:calc(var(--pu)*7) calc(var(--pu)*9);border-radius:calc(var(--pu)*12);background:#141b1f;border:1px solid rgba(255,255,255,.06)}.phone .ph-v{display:block;margin-top:calc(var(--pu)*2);font:700 calc(var(--pu)*16)/1.15 var(--da);letter-spacing:-.02em;color:#f3f1e9}.phone .ph-v small{margin-left:calc(var(--pu)*3);font:500 calc(var(--pu)*8.5)/1 var(--dm);letter-spacing:0;color:#8e989e}.phone .ph-actions{flex:none;display:grid;grid-template-columns:1fr 1.5fr;gap:calc(var(--pu)*7);margin:auto 0 calc(var(--pu)*16)}.phone .ph-btn{pointer-events:none;cursor:default;flex:none;display:flex;align-items:center;justify-content:center;gap:calc(var(--pu)*6);padding:calc(var(--pu)*10);border-radius:calc(var(--pu)*999);background:#f25c3a;color:#171c20;font:700 calc(var(--pu)*11.5)/1 var(--da)}.phone .ph-btn.ghost{background:#1a2227;border:1px solid #2E383E;color:#eef0f0}.phone .ph>.ph-btn{margin-top:auto}.phone .ph>.ph-btn:last-child{margin-bottom:calc(var(--pu)*16)}.phone .ph-tabbar{flex:none;margin:auto calc(var(--pu)*-12) 0;display:grid;grid-template-columns:repeat(4,1fr);padding:calc(var(--pu)*7) calc(var(--pu)*6) calc(var(--pu)*17);background:#0a0e11f0;border-top:1px solid #1C2429}.phone .ph-btn+.ph-tabbar{margin-top:0}.phone .ph-tabbar span{display:flex;flex-direction:column;align-items:center;gap:calc(var(--pu)*3);font:500 calc(var(--pu)*8)/1 var(--da);color:#8e989e}.phone .ph-tabbar .on{color:#3cc4d5}.phone .ph-ti{width:calc(var(--pu)*17);height:calc(var(--pu)*17)}.phone .ph-scale{padding:calc(var(--pu)*12) calc(var(--pu)*14) calc(var(--pu)*10)}.phone .ph-sbar{position:relative;height:calc(var(--pu)*8);border-radius:calc(var(--pu)*4);background:linear-gradient(90deg,#3cc4d5 0 42%,#e2b84a 42% 76%,#f25c3a 76%)}.phone .ph-sbar i{position:absolute;top:calc(var(--pu)*-4);width:calc(var(--pu)*2);height:calc(var(--pu)*16);margin-left:calc(var(--pu)*-1);border-radius:1px;background:#f3f1e9}.phone .ph-stk{position:relative;height:calc(var(--pu)*23);margin-top:calc(var(--pu)*8)}.phone .ph-stk span{position:absolute;transform:translate(-50%);white-space:nowrap;text-align:center;font:500 calc(var(--pu)*9.5)/1.2 var(--dm);color:#e2b84a}.phone .ph-stk .v2{color:#ff8a6e}.phone .ph-zone{flex:none;display:grid;grid-template-columns:calc(var(--pu)*30) 1fr auto;align-items:center;gap:calc(var(--pu)*9);padding:calc(var(--pu)*6) calc(var(--pu)*10);border-radius:calc(var(--pu)*14);background:#141b1f;border:1px solid rgba(255,255,255,.06)}.phone .ph-zone b{display:grid;place-items:center;width:calc(var(--pu)*30);height:calc(var(--pu)*30);border-radius:calc(var(--pu)*9);background:#3cc4d5;color:#171c20;font:600 calc(var(--pu)*10.5)/1 var(--dm)}.phone .ph-zone.z2 b{background:#e2b84a}.phone .ph-zone.z3 b{background:#f25c3a}.phone .ph-zone span,.phone .ph-zone em{display:block;font:700 calc(var(--pu)*12.5)/1.2 var(--da);font-style:normal;color:#f3f1e9}.phone .ph-zone em{font-weight:600;font-size:calc(var(--pu)*11.5)}.phone .ph-zone small{display:block;font:500 calc(var(--pu)*9.5)/1.35 var(--dm);color:#aeb5b9}.phone .ph-zone .r{text-align:right}.phone .ph-list{padding:calc(var(--pu)*2) calc(var(--pu)*10)}.phone .ph-list .ph-row{padding:calc(var(--pu)*8) 0;border-bottom:1px solid #1E272C;font-size:calc(var(--pu)*11)}.phone .ph-list>:last-child{border-bottom:0}.phone .ph-list .ph-row b{font-weight:600;color:#f3f1e9}.phone .ph-note{flex:none;display:flex;align-items:flex-start;gap:calc(var(--pu)*6);padding:0 calc(var(--pu)*2);font:500 calc(var(--pu)*8.5)/1.3 var(--dm);color:#86dee8}.phone .pill{padding:calc(var(--pu)*4) calc(var(--pu)*6);border-radius:calc(var(--pu)*999);background:#1c2429;color:#8e989e;font:500 clamp(calc(var(--pu)*8),10px,calc(calc(var(--pu)*8)*1.25))/1 var(--dm);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.phone .pill.done{background:#3cc4d521;color:#86dee8}.phone .pill.live{background:#f25c3a2b;color:#ff8a6e}.phone .pill.next{background:#e2b84a26;color:#e2b84a}.browser-body{position:relative;container:dash / inline-size}@media (max-width:700px){.phone{--pw:min(330px,100%)}}.phone{--sbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 12'%3E%3Cg fill='black'%3E%3Crect x='0' y='8' width='3' height='4' rx='.8'/%3E%3Crect x='4.5' y='6' width='3' height='6' rx='.8'/%3E%3Crect x='9' y='3.5' width='3' height='8.5' rx='.8'/%3E%3Crect x='13.5' y='1' width='3' height='11' rx='.8'/%3E%3Cpath d='M27 11.5l-2.2-2.6a3.4 3.4 0 0 1 4.4 0zM22.6 6.6a6.8 6.8 0 0 1 8.8 0l-1.3 1.5a4.8 4.8 0 0 0-6.2 0zM20.4 4a10.2 10.2 0 0 1 13.2 0l-1.3 1.5a8.2 8.2 0 0 0-10.6 0z'/%3E%3Crect x='38.5' y='.5' width='20' height='11' rx='3' fill='none' stroke='black' opacity='.45'/%3E%3Crect x='40.5' y='2.5' width='14' height='7' rx='1.6'/%3E%3Crect x='59.6' y='4' width='1.6' height='4' rx='.8' opacity='.45'/%3E%3C/g%3E%3C/svg%3E")}.vi-home{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.5 8 3l5.5 4.5V13h-11z'/%3E%3C/svg%3E")}.vi-list{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5h10M3 8h10M3 11.5h7'/%3E%3C/svg%3E")}.vi-zones{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13V9M6.5 13V6M10 13V8M13.5 13V3.5'/%3E%3C/svg%3E")}.vi-user{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='5.5' r='2.7'/%3E%3Cpath d='M2.8 13.5a5.2 5.2 0 0 1 10.4 0'/%3E%3C/svg%3E")}.vi-mark{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14V2.5h7.5L10 5.5l1.5 3H4'/%3E%3C/svg%3E")}.vi-stop{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='8' height='8' rx='1.5'/%3E%3C/svg%3E")}.vi-share{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v8M5 5l3-3 3 3M3 9v4.5h10V9'/%3E%3C/svg%3E")}.vi-info{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M8 7.2V11M8 5v.1'/%3E%3C/svg%3E")}
