/* People Check: pagina dell'app. Riusa da home.css: .phone, .pc-app*, .store, .hero-chip, .integr-strip, .cta-final */

/* hero: il telefono al posto della foto prodotto */
.pc-hero{display:grid;place-items:center;padding:12px 0}
.pc-hero .phone{width:min(280px,100%)}
.pc-hero .hero-chip{white-space:nowrap}
.pc-hero .hero-chip--a{left:auto;right:calc(50% + 154px);top:22%}     /* accanto al telefono, mai sopra */
.pc-hero .hero-chip--b{right:auto;left:calc(50% + 154px);bottom:20%}
.pc-app__ico{margin-left:auto;width:16px;height:16px;flex:none}
@media (max-width:1180px){.pc-hero .hero-chip{display:none}}
@media (max-width:900px){.pc-hero .phone{width:min(240px,100%)}}

/* lista a tre colonne (nome · entrata · uscita) */
.pc-app--3 .pc-app__head,.pc-app--3 .pc-app__row{display:grid;grid-template-columns:1fr 48px 40px;gap:8px;align-items:center}
.pc-app--3 .pc-app__head span:not(:first-child),.pc-app--3 .pc-app__row span:not(:first-child){text-align:right}
.pc-app--3 .pc-app__row span:nth-child(2){font-variant-numeric:tabular-nums;color:#555}
.pc-app__box{display:inline-block;width:14px;height:14px;border:1.5px solid #555;border-radius:3px;vertical-align:middle}
.pc-app__dash{color:#8A949C}

/* lettore QR */
.pc-app__title{padding:36px 16px 12px;font-size:14px;border-bottom:1px solid #E6E9EC}
.pc-scan{flex:1;background:#F3F3F1;display:grid;place-items:center;align-content:center;padding:22px}
.pc-scan__frame{position:relative;width:72%;padding:14px}
.pc-scan__frame::before{content:"";position:absolute;inset:0;
  background:
    linear-gradient(var(--red),var(--red)) left top/26px 3px no-repeat,
    linear-gradient(var(--red),var(--red)) left top/3px 26px no-repeat,
    linear-gradient(var(--red),var(--red)) right top/26px 3px no-repeat,
    linear-gradient(var(--red),var(--red)) right top/3px 26px no-repeat,
    linear-gradient(var(--red),var(--red)) left bottom/26px 3px no-repeat,
    linear-gradient(var(--red),var(--red)) left bottom/3px 26px no-repeat,
    linear-gradient(var(--red),var(--red)) right bottom/26px 3px no-repeat,
    linear-gradient(var(--red),var(--red)) right bottom/3px 26px no-repeat}
.pc-scan__hint{margin:14px 0 0;font-size:11px;color:#7A858E;text-align:center}

/* menu eventi */
.pc-menu{flex:1;padding:36px 16px 16px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:#222}
.pc-menu__logo{width:92px;height:auto;margin-bottom:8px}
.pc-menu__sync{margin:0 0 6px;padding-bottom:10px;border-bottom:1px solid #E6E9EC;font-size:11px;color:#7A858E;font-style:italic}
.pc-menu__h{display:block;font-family:var(--font-d);font-size:13px;margin:8px 0 2px}
.pc-menu ul{list-style:none;margin:0;padding:0}
.pc-menu li{padding:7px 10px;border-radius:6px}
.pc-menu li.is-active{background:var(--red-tint);color:var(--red-dark);font-family:var(--font-d)}

/* tre schermate, telefono ritagliato in basso come negli store */
.pc-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,.8rem + 1.2vw,2rem)}
.pc-screens figure{margin:0;display:flex;flex-direction:column}
.pc-shot{background:var(--panel);border-radius:var(--r);height:380px;overflow:hidden;display:flex;justify-content:center;padding:28px 20px 0}
.pc-shot .phone{width:min(250px,100%);flex:none}
.pc-shot .pc-app__bar b{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-screens figcaption{padding-top:20px}
.pc-screens figcaption h3{margin-bottom:6px}
.pc-screens figcaption p{color:var(--muted);margin:0}
@media (max-width:700px){.pc-screens{grid-template-columns:1fr}.pc-shot{height:340px}}

/* scarica: icona + fatti dello store + bottoni */
.pc-download{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1.25rem,1rem + 1.5vw,2.5rem);align-items:center;
  background:#fff;border-radius:var(--r);box-shadow:var(--shadow);border-bottom:var(--border-card);padding:clamp(1.5rem,1.1rem + 1.5vw,2.75rem)}
.pc-download__icon{width:104px;height:104px;border-radius:24px;box-shadow:var(--shadow)}
.pc-download h2{font-size:clamp(1.375rem,1rem + 1vw,1.875rem);margin-bottom:.4em}
.pc-download p{color:var(--muted)}
.pc-download .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.pc-download .store-col{display:grid;gap:12px}
.pc-download .store{justify-content:flex-start}
@media (max-width:820px){.pc-download{grid-template-columns:1fr}.pc-download .store-col{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.pc-download .store-col{grid-template-columns:1fr}}

.pc-faq{max-width:820px}