.business-page{isolation:isolate;background:var(--background);place-items:center;min-height:100dvh;padding:48px 24px;display:grid;position:relative}.business-page>.ambient{position:fixed}.business-card{--expanded-bg:#f5f6fa;color:#242938;color-scheme:light;background:#fff;border-radius:24px;width:min(100%,700px);font-size:14px;display:block;position:relative;box-shadow:0 50px 110px -18px #000000b3,0 18px 40px #0005,0 0 0 1px #ffffff24}.business-card button{font:inherit;cursor:pointer}.business-card a:focus-visible,.business-card button:focus-visible{outline:2px solid var(--card-accent);outline-offset:4px}.card-nav{z-index:2;position:absolute;top:16px;left:20px}.card-nav a{color:#fff;backdrop-filter:blur(12px);background:#13234355;border-radius:20px;align-items:center;gap:4px;min-height:34px;padding:0 12px;font-size:11px;display:inline-flex}.card-nav svg{flex-shrink:0;width:14px;height:14px}.card-pull,.card-qr{display:none}.card-qr-desktop{margin-top:18px}.card-qr-desktop canvas{max-width:100%;display:block;width:148px!important;height:148px!important}.contact-sheet{transform:scale(var(--sheet-scale,1));transform-origin:top;border-radius:24px 24px 0 0;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-radius .55s}.card-banner{border-radius:inherit;height:180px;overflow:hidden}.card-banner img{object-fit:cover;width:100%;height:100%;display:block}.card-body{grid-template-columns:148px minmax(0,1fr);gap:30px;padding:0 32px;display:grid}.card-avatar{background:#e4e8f2;border:4px solid #fff;border-radius:50%;width:116px;height:116px;margin:-52px 0 0;position:relative;overflow:hidden;box-shadow:0 2px 8px #14223c18}.card-avatar img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.card-details{padding-top:25px}.card-name{color:#242938;letter-spacing:-.045em;white-space:normal;background:0 0;margin:0;font-size:30px;font-weight:750;line-height:1.15}.card-subtitle{color:#858b99;flex-wrap:wrap;align-items:baseline;gap:0 7px;margin:5px 0 0;font-size:13px;line-height:1.35;display:flex}.card-at{color:var(--card-accent);font-weight:750}.card-contacts{margin:24px 0 4px;padding:0;list-style:none}.card-contacts li+li{margin-top:6px}.card-contacts a{border-radius:12px;align-items:center;gap:13px;min-height:52px;padding-inline:8px;transition:background .2s;display:flex}@media (hover:hover) and (pointer:fine){.card-contacts a:hover{background:#f3f5fa}}.contact-icon{width:38px;height:38px;color:var(--card-accent);background:color-mix(in srgb, var(--card-accent) 10%, white);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.contact-icon svg{width:18px;height:18px}.contact-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-value{overflow-wrap:anywhere;font-size:15px;font-weight:650}.contact-label{color:#858b99;font-size:12px}.card-footer{padding:22px 32px 20px 210px;position:relative}.card-share{color:#fff;background:var(--card-accent);width:100%;min-height:48px;box-shadow:0 4px 12px color-mix(in srgb, var(--card-accent) 22%, transparent);border:0;border-radius:24px;justify-content:center;align-items:center;gap:10px;display:flex;font-weight:700!important}.card-share:hover{filter:brightness(1.08)}.card-status{text-align:center;color:var(--card-accent);overflow-wrap:anywhere;margin:8px 0 0;font-size:11px}.card-status:empty{display:none}.business-card[data-dragging] .contact-sheet,.business-card[data-dragging] .card-qr{transition:none}@media (width<=700px){html:has(.business-page){overscroll-behavior-y:none;background:#fff}.business-page{background:#fff;width:100%;height:100dvh;min-height:0;padding:0;display:block;overflow:hidden}.business-page>.ambient{display:none}.business-card{width:100%;height:100%;min-height:0;box-shadow:none;border-radius:0;flex-direction:column;transition:background .45s;display:flex;overflow:hidden}.card-nav{top:max(12px, env(safe-area-inset-top));left:18px}.card-pull{top:max(12px, env(safe-area-inset-top));z-index:3;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;width:56px;height:34px;display:flex;position:absolute;left:calc(50% - 28px)}.card-pull span{background:#ffffffb3;border-radius:4px;width:32px;height:4px;box-shadow:0 1px 3px #00000026}.card-qr{height:var(--qr-height,0px);opacity:var(--qr-opacity,0);background:0 0;border-radius:0 0 20px 20px;flex:none;transition:height .55s cubic-bezier(.22,1,.36,1),opacity .4s;display:grid;overflow:hidden}.card-qr__inner{background:inherit;flex-direction:column;align-items:center;min-height:0;display:flex;overflow:hidden}.card-qr canvas{margin:max(46px, env(safe-area-inset-top) + 34px) 0 12px;border-radius:16px;flex-shrink:0;display:block;width:clamp(120px,25dvh,176px)!important;height:clamp(120px,25dvh,176px)!important}.card-qr-desktop{display:none}.contact-sheet{overscroll-behavior-y:contain;scrollbar-width:thin;border-radius:0;flex:auto;min-height:0;overflow:hidden auto}.card-banner{height:160px}.card-body{padding:0 26px;display:block}.card-avatar{width:124px;height:124px;margin-top:-62px}.card-details{padding-top:19px}.card-name{font-size:32px}.card-subtitle{font-size:15px}.card-contacts{margin:18px 0 4px}.card-contacts a{gap:14px;min-height:58px;padding-inline:0}.contact-icon{width:44px;height:44px}.contact-icon svg{width:20px;height:20px}.contact-value{font-size:18px;line-height:1.25}.contact-label{font-size:13px}.card-footer{padding:12px 26px max(8px, env(safe-area-inset-bottom));background:linear-gradient(#ffffffed,#fff 30%);flex-shrink:0}.card-share{min-height:48px}.business-card[data-mode=share]{background:var(--expanded-bg);touch-action:pinch-zoom}.business-card[data-mode=share] .card-pull span{box-shadow:none;background:#a8b2ca}.business-card[data-mode=share] .card-nav a{color:var(--card-accent);backdrop-filter:none;background:#edf0f7}.business-card[data-mode=share] .card-footer{background:0 0}.business-card[data-mode=share] .contact-sheet{border-radius:20px;overflow-y:clip;box-shadow:0 8px 32px #26365c26}.business-card[data-mode=share] .card-footer{background-image:none;background:0 0!important}}@media (prefers-reduced-motion:reduce){.business-card *,.business-card[data-mode=share] .contact-sheet{transition:none}}