/* Contasy phone: original hardware, wallpaper and notification layout. */
@font-face { font-family: "Figtree Phone"; src: url("assets/fonts/Figtree.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; }
.process-phone.nz-phone { position: absolute; z-index: 1; left: 50%; top: 23.884px; width: 252.488px; height: 498.152px; margin-left: -126.244px; padding: 5.971px; border: 1.706px solid #7f8792; border-radius: 36.679px; background: #182130; box-shadow: 0 0 0 1.706px #d6dde5, 0 10.236px 15.354px -5.118px #17223533, 0 29.855px 46.915px -17.060px #1d30484d; opacity: 1; transform-origin: 50% 50%; }
.nz-phone::before { content: ''; position: absolute; left: -4.265px; top: 83.594px; width: 2.559px; height: 29.855px; border-radius: 1.706px; background: #9ba2ad; box-shadow: 0 37.532px #9ba2ad; }
.nz-phone-screen { position: relative; height: 100%; overflow: hidden; border-radius: 29.002px; color: #f8fafc; background: radial-gradient(ellipse at 10% 4%, #728da8, transparent 65%), radial-gradient(ellipse at 98% 82%, #f0c9d76b, transparent 65%), linear-gradient(165deg, #334963, #111b2e 72%); }
.nz-phone-screen::before { content: ''; position: absolute; width: 358.260px; height: 469.150px; left: -238.840px; top: 0; border: 0.853px solid #b9cad63b; border-radius: 48%; box-shadow: 46.915px 0 0 #c9d7e108, 93.830px 0 0 #c9d7e109; transform: rotate(-24deg); }
.nz-phone-island { position: absolute; top: 7.677px; left: 50%; width: 69.946px; height: 20.472px; transform: translateX(-50%); border-radius: 12.795px; background: #11151b; }
.nz-phone-island::after { content: ''; position: absolute; right: 8.530px; top: 6.824px; width: 5.971px; height: 5.971px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #344658, #0a0b10); }
.nz-phone-signal { position: absolute; top: 13.648px; right: 14.501px; }
.nz-phone-signal svg { width: 31.561px; height: 10.236px; }
.nz-phone-clock { position: relative; display: flex; align-items: center; flex-direction: column; padding-top: 40.944px; }
.nz-phone-clock svg { width: 12.795px; height: 12.795px; margin-bottom: 10.236px; }
.nz-phone-clock > span { font-size: 9.383px; line-height: 1.5; color: #eef3f8; }
.nz-phone-clock > strong { font-size: 60.563px; font-weight: 400; line-height: 1.15; letter-spacing: -.055em; color: #eef3f8; }
.nz-notifications { position: relative; display: flex; flex-direction: column; gap: 6.824px; margin: 18.766px 10.236px 0; }
.process-phone .nz-toast { display:block; margin:0; padding: 9.383px 10.236px 10.236px; border: 0.853px solid #ffffffab; border-radius: 11.942px; background: #f3f6faf5; box-shadow: 0 5.118px 11.942px -5.118px #02051622; color: #233046; }
.nz-toast-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5.118px; }
.nz-toast-top > span { display: flex; gap: 5.118px; align-items: center; font-size: 8.530px; font-weight: 500; }
.nz-toast-top img { width: 15.354px; height: 15.354px; flex: none; object-fit: contain; }
.process-phone .nz-toast-top small { color: #8a95a5; font-size: 7.677px; }
.process-phone .nz-toast > strong { display: block; font-size: 9.383px; font-weight: 500; line-height: 1.4; }
.nz-toast > span { display: block; margin-top: 1.706px; font-size: 8.530px; color: #798597; line-height: 1.3; }
.nz-phone-home { position: absolute; left: 50%; bottom: 6.824px; width: 81.035px; height: 3.412px; border-radius: 3.412px; background: #ffffffb8; transform: translateX(-50%); }

.process-phone.nz-phone { font-family:"Figtree Phone",sans-serif; color:#eef3f8; }
.process-phone svg { fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.process-phone .nz-phone-clock > span { text-align:center; }
.process-phone .nz-phone-clock > strong { margin:0; }