/* Eight services, arranged like apps on a phone home screen. */
.service-menu {margin:24px 16px 0;padding:22px 16px 26px;border:1px solid #ffffff24;border-radius:27px;background:radial-gradient(ellipse at 80% 0%,#ffb52809,transparent 65%),linear-gradient(145deg,#181818b0,#080808e8);box-shadow:inset 0 1px #ffffff12;}
.service-menu-heading {display:flex;justify-content:space-between;gap:12px;font-size:8px;line-height:1.5;letter-spacing:1.1px;color:#929292;}
.service-menu-heading span:last-child {font-size:9px;letter-spacing:0;color:#bdbdbd;}
.service-app-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 8px;margin-top:26px;}
.service-app {border:0;padding:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent;text-align:center;border-radius:17px;}
.service-app-icon {--app-halo:#ff7b2226;width:58px;height:58px;max-width:100%;border-radius:17px;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;color:#fff;border:1px solid #ffffff40;background:linear-gradient(145deg,#ffffff14,transparent 60%),#080808;box-shadow:inset 0 1px 1px #ffffff40,0 8px 15px #0005;backdrop-filter:blur(12px);animation:service-icon-breathe 5s ease-in-out infinite;}
.service-app-icon:after {content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#ffffff20,transparent 42%,#ffffff05 72%,transparent);z-index:-1;}
.service-app-icon .icon {width:27px;height:27px;stroke-width:1.5;filter:drop-shadow(0 0 7px var(--app-halo));}
.service-brand-logo {display:block;width:29px;height:32px;background:currentColor;mask:url('https://static.wixstatic.com/media/b47dc4_83ad66685a6e4389a5fb968d4070293c~mv2.png') center/contain no-repeat;-webkit-mask:url('https://static.wixstatic.com/media/b47dc4_83ad66685a6e4389a5fb968d4070293c~mv2.png') center/contain no-repeat;filter:drop-shadow(0 0 5px var(--app-halo));}
.app-branding .service-app-icon,.service-app-icon.app-branding {--app-halo:#ffffff24;color:#fff;border-color:#ffffff55;}
.app-graphic .service-app-icon,.service-app-icon.app-graphic {--app-halo:#f9ff3f2e;color:#f9ff3f;border-color:#f9ff3f66;}
.app-apparel .service-app-icon,.service-app-icon.app-apparel {--app-halo:#ffffff24;color:#fff;border-color:#ffffff55;}
.app-camera .service-app-icon,.service-app-icon.app-camera {--app-halo:#ff7b2233;color:#ff7b22;border-color:#ff7b2266;}
.app-web .service-app-icon,.service-app-icon.app-web {--app-halo:#ff7b2228;color:#ff7b22;border-color:#ff7b2266;}
.app-animation .service-app-icon,.service-app-icon.app-animation {--app-halo:#ffffff24;color:#fff;border-color:#ffffff55;}
.app-marketing .service-app-icon,.service-app-icon.app-marketing {--app-halo:#f9ff3f30;color:#f9ff3f;border-color:#f9ff3f66;}
.app-sound .service-app-icon,.service-app-icon.app-sound {--app-halo:#ffffff24;color:#fff;border-color:#ffffff55;}
.service-app:nth-child(2n) .service-app-icon {animation-delay:-1.25s;}
.service-app:nth-child(3n) .service-app-icon {animation-delay:-2.5s;}
@keyframes service-icon-breathe {0%,100% {box-shadow:inset 0 1px 1px #ffffff40,0 6px 14px #0006,0 0 7px var(--app-halo);}50% {box-shadow:inset 0 1px 1px #ffffff55,0 6px 14px #0006,0 0 22px var(--app-halo);}}
.service-app-label {font-size:10px;line-height:1.4;min-height:28px;color:#dedede;}
.service-app:hover .service-app-icon {border-color:currentColor;transform:translateY(-2px);}
.service-app .service-app-icon {transition:transform .18s,border-color .18s;}
.service-dialog {width:calc(100% - 32px);max-width:430px;max-height:calc(100dvh - 32px);padding:32px 26px 26px;border-radius:26px;margin:auto;border:1px solid #ffffff2b;background:radial-gradient(ellipse at top,#1c1c1c,#080808 70%);box-shadow:inset 0 1px #fff2,0 0 80px #000a;overflow:auto;}
.service-dialog::backdrop {background:#000b;backdrop-filter:blur(14px);}
.service-dialog>button.circle-button {position:absolute;top:18px;right:18px;}
.service-overline {font-size:8px;letter-spacing:1.5px;line-height:1.6;color:#aaa;padding-right:35px;margin-bottom:23px;}
.service-dialog>.service-app-icon {width:64px;height:64px;margin-bottom:24px;}
.service-dialog h2 {font-size:29px;font-weight:400;line-height:1.14;letter-spacing:-1px;}
.service-dialog-copy {font-size:13px;line-height:1.75;color:#c5c5c5;margin-top:18px;}
.service-dialog-copy p+p {margin-top:12px;}
.service-return {width:100%;margin-top:25px;}
.sound-preview {width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 25%,#ff7b2238,transparent 70%),linear-gradient(135deg,#242015,#090909);}
.sound-preview>svg {width:58%;height:58%;fill:none;stroke:#ffcb55;stroke-width:1;stroke-linecap:round;filter:drop-shadow(0 0 8px #ff7b2255);}
@media(max-width:350px) {.service-menu {padding-inline:12px;}.service-app-icon {width:48px;height:48px;border-radius:14px;}.service-app-icon .icon {width:24px;height:24px;}.service-app-label {font-size:9px;}.service-app-grid {gap:20px 8px;}.service-dialog {padding-inline:22px;}.service-dialog h2 {font-size:26px;}}
@media(prefers-reduced-motion:reduce) {.service-app-icon {animation:none;}.service-app .service-app-icon {transition:none;}.service-app:hover .service-app-icon {transform:none;}}