/* REV16 — Public QR destination is the business card itself, not a promotional profile page. */
:root{color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;}
body.mq-business-body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse 50% 38% at 50% 38%,rgba(196,163,99,.085),transparent 75%),#050607!important;color:#ecedef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;}
.mq-business-main.mq-profile-wrap{width:100%;max-width:none;flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vh,60px) 15px 22px;}
.mq-business-layout.mq-profile-grid{display:block;width:min(100%,730px);margin:0 auto;}
.mq-business-stage{width:100%;margin:0 auto;text-align:center;}
.mq-business-card-frame{width:min(100%,688px);margin:auto;filter:drop-shadow(0 28px 44px rgba(0,0,0,.38));}
.mq-business-card.mq-digital-card{width:100%;max-width:none;aspect-ratio:1.586;perspective:1500px;touch-action:pan-y;cursor:grab;margin:0 auto;}
.mq-business-card.mq-digital-card .profile-card-scene{height:100%;width:100%;display:grid;grid-template-columns:minmax(0,1fr);transform-style:preserve-3d;}
.mq-business-card.mq-digital-card .profile-card-face{height:100%;min-height:0!important;width:100%;grid-area:1/1;border-radius:22px;border:1px solid #4b463a;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.095),0 0 0 1px rgba(216,179,105,.12);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.mq-business-card .mq-business-front{position:relative;background:radial-gradient(circle at 55% 40%,#1b1e20 0%,#0c0d0f 48%,#030405 98%)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:24px 24px 30px!important;isolation:isolate;}
.mq-business-card .mq-business-front::before{inset:14px!important;border-radius:13px!important;border-color:rgba(225,193,133,.3)!important;}
.mq-business-front::after{position:absolute;content:"";inset:auto -16% 0;bottom:16%;height:14%;background:linear-gradient(90deg,transparent,rgba(185,143,71,.14),rgba(231,199,137,.34),transparent);transform:rotate(-11deg);filter:blur(15px);pointer-events:none;}
.mq-business-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 37% 25% at 51% 36%,rgba(234,221,200,.08),transparent);}
.mq-business-front-brand.profile-3d-front-brand{display:flex;align-items:center;justify-content:center;height:83%;width:100%;z-index:1;}
.mq-business-front .profile-3d-front-mark{width:min(72%,440px)!important;height:auto!important;max-height:82%!important;max-width:100%!important;object-fit:contain!important;filter:none!important;}
.mq-business-front-detail{position:absolute;bottom:8%;left:12%;right:12%;z-index:1;color:#c9b17f;text-align:center;font-size:clamp(7px,1.25vw,11px);letter-spacing:.32em;font-weight:700;}
.mq-business-card .mq-business-back{background:linear-gradient(140deg,#17191a 0%,#0b0c0e 58%,#050607)!important;position:relative;transform:rotateY(180deg);}
.mq-business-band{position:absolute;left:0;top:0;right:0;height:6px;background:linear-gradient(90deg,#b4b8be,#f0ece5,#c59a5b,#efd19a);}
.mq-business-back-main.profile-main{display:flex;flex-direction:column;height:100%;padding:clamp(13px,3.3vw,30px) clamp(16px,4.6vw,38px) clamp(12px,2.9vw,24px)!important;text-align:left;gap:0;}
.mq-business-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:23px;}
.mq-business-topline .demo-company-mark{font-size:clamp(6px,1.2vw,10px);letter-spacing:.13em;color:#aab0b7;white-space:nowrap;}
.mq-business-topline .company-symbol{width:clamp(18px,3vw,27px);height:clamp(18px,3vw,27px);font-size:clamp(8px,1.3vw,12px);border-radius:5px;}
.mq-business-corner{font-size:clamp(6px,.95vw,9px);letter-spacing:.16em;color:#d6bc86;white-space:nowrap;}
.mq-business-person.profile-person{margin:clamp(8px,2.6vw,29px) 0 auto;gap:clamp(8px,2vw,16px);min-height:35px;}
.mq-business-person .profile-avatar{border-radius:12px;width:clamp(26px,6.1vw,54px);height:clamp(26px,6.1vw,54px);font-size:clamp(12px,2.2vw,20px);}
.mq-business-person .mq-business-name{min-width:0;}
.mq-business-person h2{color:#f4f5f6;font-weight:700;font-size:clamp(19px,3.75vw,31px)!important;line-height:1.15;margin:0;letter-spacing:-.045em;overflow-wrap:anywhere;}
.mq-business-person p{font-size:clamp(10px,1.7vw,14px)!important;line-height:1.35;margin:5px 0 0;color:#c1c5ca;overflow-wrap:anywhere;}
.mq-business-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(8px,3.5vw,25px);width:100%;border-top:1px solid #3a3c3d;padding-top:clamp(6px,1.6vw,16px);min-width:0;}
.mq-business-contacts.contact-list{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(4px,1.05vw,11px);min-width:0;flex:1;margin:0!important;}
.mq-business-contacts .contact-row{padding:0!important;border:0!important;display:flex;gap:8px;align-items:center;min-width:0;}
.mq-business-contacts .contact-icon{width:clamp(20px,2.9vw,29px);height:clamp(20px,2.9vw,29px);border-radius:6px;font-size:clamp(10px,1.5vw,13px);flex:none;}
.mq-business-contacts .contact-row>div{min-width:0;}
.mq-business-contacts .contact-label{display:none;}
.mq-business-contacts .contact-value{font-size:clamp(9px,1.65vw,13px);line-height:1.3;overflow-wrap:anywhere;}
.mq-business-contacts .contact-value a{color:#f1f1f2;text-decoration:none;}
.mq-business-code{background:#fff;border-radius:7px;padding:5px;width:clamp(56px,17vw,113px);height:clamp(56px,17vw,113px);flex:none;align-self:flex-end;}
.mq-business-code [data-mq-qr],.mq-business-code svg,.mq-business-share-qr svg{display:block;width:100%;height:100%;}
.mq-business-instruction{font-size:12px;color:#9d9f9f;margin:23px 0 14px;}
.mq-business-actions.profile-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:auto;}
.mq-business-actions .mq-rotate-button,.mq-business-actions .button-primary,.mq-business-actions .button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:10px;font-weight:750;text-decoration:none;font-size:12px;line-height:1.3;white-space:nowrap;}
.mq-business-actions .mq-rotate-button,.mq-business-actions .button-secondary{color:#e5e6e7;background:#17191c;border:1px solid #43464a;}
.mq-business-actions .button-primary{color:#1d1911;background:linear-gradient(135deg,#e1c58d,#b99960);border:1px solid #c9a76d;}
.mq-business-actions :is(button,a):hover{filter:brightness(1.12);}
.mq-business-actions :is(button,a):focus-visible,.mq-business-qr-panel summary:focus-visible{outline:2px solid #f0d492;outline-offset:3px;}
.mq-business-qr-panel{width:fit-content;max-width:100%;margin:25px auto 0;padding:0;color:#adaba7;font-size:12px;}
.mq-business-qr-panel summary{cursor:pointer;list-style:none;text-decoration:underline;text-decoration-color:#77684e;text-underline-offset:4px;}
.mq-business-qr-panel summary::-webkit-details-marker{display:none;}
.mq-business-share-content{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;margin-top:10px;background:#101214;border-radius:13px;border:1px solid #2c2e31;max-width:min(94vw,410px);}
.mq-business-share-qr{width:220px;height:220px;max-width:100%;background:#fff;padding:10px;border-radius:10px;}
.mq-business-qr-panel .mq-profile-url{font-size:10px;word-break:break-word;max-width:100%;}
.mq-business-demo-notice.mq-profile-head{margin:24px auto 0;max-width:570px;}
.mq-business-demo-notice .mq-profile-title{font-size:13px;font-weight:700;letter-spacing:.03em;color:#b5b6b6;margin:0 0 6px;}
.mq-business-demo-notice .mq-profile-subtitle{font-size:11px;line-height:1.45;color:#86898b;margin:0;}
.mq-business-footer{display:flex;gap:25px;align-items:center;justify-content:space-between;width:min(100% - 36px,735px);margin:auto;padding:20px 0 25px;border-top:1px solid #282a2b;color:#95999e;font-size:11px;}
.mq-business-footer a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:7px;}
.mq-business-footer img{width:20px;height:20px;object-fit:contain;}
.mq-business-footer strong{color:#d1b27b;}
@media(max-width:520px){
  .mq-business-main.mq-profile-wrap{padding:20px 14px 16px;align-items:center;}
  .mq-business-card.mq-digital-card .profile-card-face{border-radius:13px;}
  .mq-business-card .mq-business-front::before{inset:9px!important;border-radius:9px!important;}
  .mq-business-back-main.profile-main{padding:11px 14px 12px!important;}
  .mq-business-band{height:4px;}
  .mq-business-person.profile-person{margin:9px 0 auto;}
  .mq-business-person h2{font-size:clamp(16px,5.2vw,21px)!important;}
  .mq-business-person p{font-size:9px!important;margin-top:3px;}
  .mq-business-contacts.contact-list{gap:4px;}
  .mq-business-contacts .contact-value{font-size:clamp(8px,2.35vw,11px);}
  .mq-business-contacts .contact-row{gap:6px;}
  .mq-business-code{width:clamp(52px,17vw,74px);height:clamp(52px,17vw,74px);padding:3px;}
  .mq-business-instruction{margin:20px 0 14px;}
  .mq-business-actions{gap:8px!important;}
  .mq-business-actions .mq-rotate-button,.mq-business-actions .button-primary,.mq-business-actions .button-secondary{min-height:42px;padding:10px 12px;font-size:11px;}
  .mq-business-demo-notice.mq-profile-head{margin-top:20px;}
}
@media(max-width:360px){.mq-business-corner{display:none}.mq-business-code{width:52px;height:52px}.mq-business-contacts .contact-value{font-size:8px}}
@media(prefers-reduced-motion:reduce){.mq-business-card .profile-card-scene{animation:none!important;transition:none!important;transform:rotateY(180deg)!important;}}
/* Narrow phones: preserve the landscape shape while keeping every line readable. */
@media(max-width:360px){
  .mq-business-card.mq-digital-card{aspect-ratio:1.32;}
  .mq-business-person.profile-person{margin:9px 0 auto;}
  .mq-business-back-main.profile-main{padding:10px 12px 12px!important;}
  .mq-business-contacts .contact-row{gap:4px;}
  .mq-business-contacts .contact-value{font-size:8.4px;}
  .mq-business-code{width:56px;height:56px;}
}

.mq-business-code{appearance:none;cursor:pointer;border:0;color:#161616;text-align:center;}
.mq-business-code:hover,.mq-business-code:focus-visible{outline:2px solid #e4bf7d;outline-offset:3px;}
.mq-business-code [data-mq-qr]{display:block;width:100%;height:100%;}

/* REV19 — smooth, matte, genuinely black business card, no gold light sweeps. */
body.mq-business-body{background:#050607!important}
.mq-business-card.mq-digital-card .mq-business-front,
.mq-business-card.mq-digital-card .mq-business-back{background:#08090a!important}
.mq-business-front::after{display:none!important;content:none!important}
.mq-business-front .mq-business-glow{display:none!important;background:none!important}
.mq-business-card.mq-digital-card .profile-card-face{
  border:1px solid #393d43!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 42px rgba(0,0,0,.25)!important;
}
.mq-business-card .mq-business-front::before{border-color:#30343a!important}
.mq-business-band{background:#343940!important;height:4px}
.mq-business-card .profile-avatar{background:#111315!important;border-color:#383d43!important;color:#e2e5e8!important}
.mq-business-card .contact-icon{background:#171a1e!important;color:#d9dde2!important}
.mq-business-card .company-symbol{background:#202328!important;color:#d5d9df!important}
.mq-business-code{box-shadow:none!important}
.mq-business-main.mq-profile-wrap{flex-direction:column;justify-content:center;gap:0}
.mq-business-top-nav{width:min(100%,730px);margin:0 auto 17px;text-align:left}
.mq-return-home{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:10px;border:1px solid #4a4e53;background:#111315;color:#f2f3f4;text-decoration:none;font-size:12px;font-weight:750;transition:border-color .2s,background .2s}
.mq-return-home:hover{border-color:#c4aa75;background:#171a1d}
.mq-return-home:focus-visible{outline:2px solid #e4c789;outline-offset:3px}
@media(max-width:520px){.mq-business-top-nav{margin-bottom:13px}}