.phone{--w:260px;width:var(--w);aspect-ratio:9/19;border-radius:calc(var(--w)*.15);padding:calc(var(--w)*.04);box-shadow:0 0 0 1px #78bee159,0 0 0 calc(var(--w)*.022) #0c1b2e,0 40px 80px -24px #000c,0 0 70px -12px #18d8ea47;background:#050c16;flex:none;position:relative}.phone:before{content:"";top:calc(var(--w)*.06);width:30%;height:calc(var(--w)*.06);z-index:3;background:#050c16;border-radius:99px;position:absolute;left:50%;transform:translate(-50%)}.phone:after{content:"";border-radius:inherit;pointer-events:none;z-index:4;background:linear-gradient(125deg,#ffffff1a,#0000 30%);position:absolute;inset:0}.pscr{border-radius:calc(var(--w)*.115);height:100%;padding:calc(var(--w)*.14) calc(var(--w)*.06) calc(var(--w)*.11);color:#eaf3fa;font:400 calc(var(--w)*.043)/1.4 var(--font-sans);gap:calc(var(--w)*.04);background:linear-gradient(#0c1b2e,#0a1626);flex-direction:column;display:flex;overflow:hidden}.pscr .sb{font:500 calc(var(--w)*.037) var(--font-mono);color:#a9bccd;margin-top:calc(var(--w)*-.095);justify-content:space-between;display:flex}.pscr h4{font-size:calc(var(--w)*.058);letter-spacing:-.01em;margin:0;font-weight:600}.pscr small{color:#8aa0b5;font-size:calc(var(--w)*.037)}.pbal{border-radius:calc(var(--w)*.06);padding:calc(var(--w)*.06);background:linear-gradient(135deg,#0d8a9c,#12485f 70%);border:1px solid #18d8ea59}.pbal b{font:500 calc(var(--w)*.085) var(--font-mono);letter-spacing:-.03em;margin-top:2px;display:block}.pact{gap:calc(var(--w)*.025);grid-template-columns:repeat(3,1fr);display:grid}.pact span{border-radius:calc(var(--w)*.04);padding:calc(var(--w)*.03) 0;text-align:center;font-size:calc(var(--w)*.037);color:#a9bccd;background:#132840;border:1px solid #78bee129}.pact i{color:#18d8ea;font-style:normal;font-size:calc(var(--w)*.06);display:block}.prow{padding:calc(var(--w)*.03) 0;border-bottom:1px solid #78bee11f;justify-content:space-between;align-items:center;display:flex}.prow b{font-weight:500;font-size:calc(var(--w)*.042);display:block}.pchip{font:500 calc(var(--w)*.031) var(--font-mono);padding:2px calc(var(--w)*.025);border:1px solid;border-radius:99px}.phone .c-g{color:#34d399}.phone .c-b{color:#4cc4f5}.phone .c-a{color:#fbbf24}.phone .c-v{color:#a78bfa}.pbtn{color:#04202a;text-align:center;padding:calc(var(--w)*.04);border-radius:calc(var(--w)*.04);font-weight:600;font-size:calc(var(--w)*.045);background:#18d8ea;margin-top:auto}.ptl{gap:calc(var(--w)*.035);margin:calc(var(--w)*.02) 0;display:grid}.ptl div{gap:calc(var(--w)*.03);color:#a9bccd;align-items:center;display:flex}.ptl i{width:calc(var(--w)*.05);height:calc(var(--w)*.05);border:2px solid #4cc4f5;border-radius:50%;flex:none}.ptl .d i{background:#34d399;border-color:#34d399}.ptl .c i{border-top-color:#0000;animation:1s linear infinite prot}@keyframes prot{to{transform:rotate(360deg)}}.psample{bottom:calc(var(--w)*.07);font:500 calc(var(--w)*.028) var(--font-mono);color:#fbbf24;text-transform:uppercase;z-index:5;background:#0a1626;border:1px dashed #fbbf24;border-radius:4px;padding:1px 6px;position:absolute;left:50%;transform:translate(-50%)}.float{animation:6s ease-in-out infinite bob}.float.b{animation-delay:-3s}@keyframes bob{50%{transform:translateY(-10px)}}.fcard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 12px var(--font-sans);color:#eaf3fa;z-index:6;white-space:nowrap;background:#102133eb;border:1px solid #78bee147;border-radius:14px;padding:10px 14px;position:absolute;box-shadow:0 16px 40px -12px #0009}.fcard small{font:400 11px var(--font-mono);color:#8aa0b5;display:block}@media (prefers-reduced-motion:reduce){.float,.ptl .c i{animation:none}}
