.screen-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;color:var(--ink-900);box-shadow:var(--shadow-sm)}
.screen-card span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--blue-50);color:var(--brand);font-variation-settings:'FILL' 1}
.screen-card b{font-size:13px;line-height:1.25}
.screen-card.alert span{background:var(--red-100);color:var(--red-600)}
.screen-qr{margin-top:auto;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--blue-100);border-radius:19px;padding:12px;box-shadow:var(--shadow-sm)}
.screen-qr img{border-radius:12px;width:74px;height:74px;object-fit:cover}
.screen-qr span{font-size:12px;font-weight:800;color:var(--brand-strong);line-height:1.2}
.apps-section{padding:94px 0}
.apps-section-tight{padding-top:48px}
.apps-section-tint{background:var(--paper-2)}
.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.benefit-card{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:26px;box-shadow:var(--shadow-sm);transition:transform .24s var(--ease),box-shadow .24s var(--ease)}
.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.benefit-card .material-symbols-rounded{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--blue-50);color:var(--brand);font-size:25px;font-variation-settings:'FILL' 1}
.benefit-card h3{font-size:22px}
.benefit-card p{grid-column:2;color:var(--ink-700);font-size:15px;margin:0}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px;counter-reset:step}
.mini-step{min-height:180px;background:linear-gradient(180deg,#fff,var(--blue-50));border:1px solid var(--blue-100);border-radius:var(--r-xl);padding:24px;box-shadow:var(--shadow-sm)}
.mini-step b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--brand);color:#fff;font-family:"Bricolage Grotesque";font-size:22px;box-shadow:var(--shadow-blue)}
.mini-step h3{font-size:21px;margin-top:34px;text-wrap:balance}
.available-card{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;background:linear-gradient(145deg,var(--blue-600),var(--blue-700));border-radius:var(--r-2xl);padding:48px;box-shadow:var(--shadow-lg);overflow:hidden}
.available-card .eyebrow,.apps-final .eyebrow{color:#fff}
.available-card .eyebrow::before,.apps-final .eyebrow::before{background:oklch(1 0 0 /.56)}
.available-card h2{color:#fff;font-size:clamp(30px,4vw,48px);max-width:690px;margin-top:14px}
.available-card p{color:oklch(1 0 0 /.82);font-size:17px;margin-top:14px;max-width:560px}
.available-buttons{justify-content:flex-end;margin-top:0}
