/* QuikCard downloadable-product page
   Mirrors the COMLUK Profile page's macro layout while giving QuikCard its own product identity. */

.quickcard-product-page {
  --qc-orange: #f28a1c;
  --qc-orange-2: #dd6f05;
  --qc-orange-soft: #fff3e5;
  --qc-navy: #0c1725;
  --qc-navy-2: #111f30;
  --qc-charcoal: #12161c;
  --qc-steel: #7f8fa2;
  --qc-paper: #fbfcfe;
  --qc-paper-2: #f3f6f9;
  --qc-line: #dce2e9;
  --qc-muted: #687482;
  background: var(--qc-paper);
}

/* Header ---------------------------------------------------------------- */
.quickcard-header.site-header {
  height: 78px;
  padding: 0 clamp(20px, 3.4vw, 54px);
  color: var(--ink);
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid #e2e6ec;
  backdrop-filter: blur(14px);
}
.quickcard-brand-lockup { min-width:0; display:flex; align-items:center; gap:17px; }
.quickcard-corporate-brand,
.quickcard-product-brand { display:inline-flex; align-items:center; }
.quickcard-corporate-brand img { width:136px; }
.quickcard-brand-divider { width:1px; height:34px; background:#d8dde5; }
.quickcard-product-brand { gap:10px; color:#18202a; }
.quickcard-product-brand img { width:34px; height:34px; object-fit:cover; border-radius:8px; }
.quickcard-product-brand strong { font-size:1rem; letter-spacing:-.025em; }
.quickcard-desktop-nav { gap:2px; }
.quickcard-nav-link {
  min-height:38px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center;
  line-height:1; border:0; border-bottom:2px solid transparent; background:transparent;
  color:#242a32; font-size:.82rem; font-weight:650;
}
.quickcard-nav-link:hover,.quickcard-nav-link:focus-visible { color:var(--qc-orange-2); outline:none; }
.quickcard-nav-link.is-current { color:var(--qc-orange-2); border-bottom-color:var(--qc-orange); }
.quickcard-download-button {
  min-height:40px; margin-left:8px; padding:0 18px; display:inline-flex; align-items:center;
  border:1px solid var(--qc-orange); border-radius:4px; background:var(--qc-orange); color:#fff;
  font-size:.82rem; font-weight:800;
}
.quickcard-download-button:hover,.quickcard-download-button:focus-visible { background:var(--qc-orange-2); border-color:var(--qc-orange-2); outline:none; }

/* Shared type ------------------------------------------------------------- */
.quickcard-kicker {
  display:block; color:var(--qc-orange-2); font-size:.75rem; font-weight:800;
  letter-spacing:.14em; text-transform:uppercase;
}
.quickcard-kicker-light { color:rgba(255,255,255,.68); }
.quickcard-section-shell { width:min(1240px,100%); margin:0 auto; }
.quickcard-section-heading { text-align:center; }
.quickcard-section-heading h2,
.quickcard-copy-shell h2,
.quickcard-final-cta h2 { margin:10px 0 0; letter-spacing:-.04em; line-height:1.04; }
.quickcard-section-heading h2 { font-size:clamp(2rem,3.6vw,3.35rem); }
.quickcard-button {
  min-height:49px; padding:0 21px; display:inline-flex; align-items:center; justify-content:center;
  gap:13px; border-radius:4px; font-weight:750; transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.quickcard-button:hover,.quickcard-button:focus-visible { transform:translateY(-1px); outline:none; }
.quickcard-button-icon { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

/* Hero ------------------------------------------------------------------- */
.quickcard-hero {
  position:relative; min-height:0; padding:116px 24px 64px; color:#fff; overflow:hidden;
  background:
    radial-gradient(circle at 78% 36%, rgba(242,138,28,.22), transparent 28%),
    radial-gradient(circle at 90% 90%, rgba(126,145,166,.18), transparent 34%),
    linear-gradient(118deg,#07111c 0%,#0d1b2a 55%,#121a24 100%);
}
.quickcard-hero::before {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.36;
  background:
    radial-gradient(circle at 93% 5%, transparent 0 118px, rgba(255,255,255,.11) 119px 121px, transparent 122px 185px, rgba(255,255,255,.07) 186px 188px, transparent 189px),
    linear-gradient(135deg, transparent 0 51%, rgba(242,138,28,.08) 51% 51.4%, transparent 51.4% 63%, rgba(255,255,255,.04) 63% 63.4%, transparent 63.4%);
}
.quickcard-hero::after {
  content:""; position:absolute; width:390px; height:390px; left:-215px; bottom:-255px;
  border:1px solid rgba(242,138,28,.18); border-radius:50%; box-shadow:0 0 0 60px rgba(242,138,28,.03),0 0 0 120px rgba(242,138,28,.02);
}
.quickcard-hero-shell {
  position:relative; z-index:2; width:min(1260px,100%); margin:0 auto;
  display:grid; grid-template-columns:minmax(0,.94fr) minmax(450px,1.06fr); gap:clamp(22px,3vw,54px); align-items:center;
}
.quickcard-hero-copy { max-width:600px; position:relative; z-index:5; }
.quickcard-hero-brand { display:flex; align-items:center; gap:12px; margin-bottom:22px; }
.quickcard-hero-brand img { width:52px; height:52px; border-radius:12px; box-shadow:0 16px 30px rgba(0,0,0,.25); }
.quickcard-hero-brand span { font-size:1.45rem; font-weight:800; letter-spacing:-.04em; }
.quickcard-hero h1 { margin:10px 0 0; font-size:clamp(3.2rem,5.4vw,6rem); line-height:.96; letter-spacing:-.058em; font-weight:700; }
.quickcard-hero h1 span { color:#fff4e8; }
.quickcard-hero-copy > p { max-width:560px; margin:21px 0 0; color:rgba(255,255,255,.78); font-size:clamp(1rem,1.35vw,1.18rem); line-height:1.72; }
.quickcard-hero-actions { display:flex; gap:13px; margin-top:26px; }
.quickcard-hero-actions-mobile { display:none; }
.quickcard-button-primary { min-width:190px; background:var(--qc-orange); border:1px solid var(--qc-orange); color:#fff; }
.quickcard-button-primary:hover { background:var(--qc-orange-2); border-color:var(--qc-orange-2); }
.quickcard-button-secondary { min-width:166px; border:1px solid rgba(255,255,255,.48); color:#fff; background:rgba(255,255,255,.025); }
.quickcard-button-secondary:hover { border-color:#fff; background:rgba(255,255,255,.08); }

.quickcard-hero-visual { position:relative; min-height:500px; display:grid; place-items:center; }
.quickcard-hero-glow { position:absolute; width:440px; height:440px; border-radius:50%; background:radial-gradient(circle,rgba(242,138,28,.26),rgba(242,138,28,.06) 45%,transparent 70%); filter:blur(4px); }
.quickcard-device {
  position:relative; overflow:hidden; padding:7px; border-radius:39px;
  background:linear-gradient(145deg,#89919b 0%,#1f242b 14%,#07090c 58%,#757d87 100%);
  box-shadow:0 34px 70px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.2) inset;
}
.quickcard-device::after { content:""; position:absolute; inset:7px; border-radius:32px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); pointer-events:none; }
.quickcard-device-camera { position:absolute; z-index:4; top:13px; left:50%; width:69px; height:18px; border-radius:18px; background:#050608; transform:translateX(-50%); opacity:.9; }
.quickcard-device-main { z-index:3; width:242px; aspect-ratio:9/19.3; transform:rotate(-2.5deg) translateX(-64px); }
.quickcard-device img { width:100%; height:100%; object-fit:cover; border-radius:32px; }
.quickcard-floating-card { position:absolute; z-index:4; overflow:hidden; border-radius:22px; border:1px solid rgba(255,255,255,.15); box-shadow:0 28px 60px rgba(0,0,0,.45); background:#111; }
.quickcard-floating-card img { width:100%; height:100%; object-fit:cover; }
.quickcard-floating-card-promo { width:205px; aspect-ratio:.78; right:3%; bottom:11%; transform:rotate(5deg); }
.quickcard-floating-chip { position:absolute; z-index:5; padding:9px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(13,27,42,.76); backdrop-filter:blur(8px); color:rgba(255,255,255,.84); font-size:.62rem; font-weight:800; letter-spacing:.12em; }
.quickcard-floating-chip-top { top:16%; right:18%; }
.quickcard-floating-chip-bottom { left:8%; bottom:13%; color:#ffc181; border-color:rgba(242,138,28,.3); }

/* Intro ------------------------------------------------------------------ */
.quickcard-intro { padding:clamp(58px,7vw,92px) 24px; background:#fff; border-bottom:1px solid var(--qc-line); }
.quickcard-copy-shell { width:min(850px,100%); margin:0 auto; text-align:center; }
.quickcard-copy-shell h2 { font-size:clamp(2rem,4vw,3.6rem); }
.quickcard-copy-shell p { max-width:800px; margin:20px auto 0; color:var(--qc-muted); font-size:clamp(.98rem,1.35vw,1.08rem); line-height:1.8; }

/* Why -------------------------------------------------------------------- */
.quickcard-why { padding:clamp(58px,7.5vw,100px) 24px; background:var(--qc-paper-2); }
.quickcard-benefit-flow { margin-top:55px; display:grid; grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr); gap:16px; align-items:start; }
.quickcard-benefit { text-align:center; }
.quickcard-benefit-icon { width:72px; height:72px; margin:0 auto 20px; display:grid; place-items:center; border:1px solid #d7dfe8; border-radius:50%; background:#fff; color:var(--qc-orange-2); }
.quickcard-benefit-icon svg { width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.quickcard-benefit h3 { margin:0; font-size:1rem; letter-spacing:-.015em; }
.quickcard-benefit p { max-width:240px; margin:9px auto 0; color:var(--qc-muted); font-size:.84rem; line-height:1.65; }
.quickcard-flow-line { height:1px; margin-top:36px; background:linear-gradient(90deg,#d8e0e9 0 80%,transparent 80%); background-size:8px 1px; position:relative; }
.quickcard-flow-line::after { content:""; position:absolute; right:-1px; top:-3px; border-left:6px solid #c7d2df; border-top:3.5px solid transparent; border-bottom:3.5px solid transparent; }

/* Product story ----------------------------------------------------------- */
.quickcard-story { padding:clamp(60px,7.5vw,104px) 24px; background:#fff; border-top:1px solid var(--qc-line); border-bottom:1px solid var(--qc-line); scroll-margin-top:96px; }
.quickcard-story-heading { max-width:850px; margin:0 auto; }
.quickcard-story-heading > p { max-width:720px; margin:14px auto 0; color:var(--qc-muted); font-size:.96rem; line-height:1.72; }
.quickcard-demo-row { width:min(1120px,100%); margin:70px auto 0; display:grid; grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr); gap:clamp(36px,6vw,80px); align-items:center; }
.quickcard-demo-row-reverse { grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr); }
.quickcard-demo-row-reverse .quickcard-demo-copy { grid-column:2; grid-row:1; }
.quickcard-demo-row-reverse .quickcard-demo-media { grid-column:1; grid-row:1; }
.quickcard-demo-copy { position:relative; }
.quickcard-demo-number { display:inline-grid; place-items:center; width:38px; height:38px; margin-bottom:18px; border-radius:50%; background:var(--qc-orange-soft); color:var(--qc-orange-2); font-weight:800; font-size:.77rem; }
.quickcard-demo-copy h3 { margin:10px 0 0; color:var(--qc-charcoal); font-size:clamp(1.8rem,3.1vw,3rem); line-height:1.08; letter-spacing:-.045em; }
.quickcard-demo-copy p { margin:18px 0 0; color:var(--qc-muted); font-size:.95rem; line-height:1.75; }
.quickcard-demo-copy .quickcard-demo-note { padding-left:15px; border-left:3px solid #ffd7ae; font-size:.83rem; color:#7d6c5c; }
.quickcard-demo-media { min-width:0; position:relative; min-height:430px; display:flex; align-items:center; justify-content:center; }
.quickcard-demo-media::before { content:""; position:absolute; inset:8% 2%; border-radius:26px; background:linear-gradient(135deg,#f3f6f9,#e7edf3); }
.quickcard-screen-card { position:relative; z-index:2; overflow:hidden; border:1px solid #d9e0e7; border-radius:18px; background:#fff; box-shadow:0 24px 46px rgba(22,30,40,.12); }
.quickcard-screen-card img { width:100%; height:100%; object-fit:cover; }
.quickcard-screen-card figcaption { position:absolute; left:12px; bottom:12px; padding:7px 10px; border-radius:999px; background:rgba(10,20,32,.82); color:#fff; font-size:.65rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; backdrop-filter:blur(8px); }
.quickcard-demo-media-pair { gap:18px; }
.quickcard-screen-card-tall { width:205px; aspect-ratio:.47; transform:rotate(-2deg); }
.quickcard-screen-card-wide { width:300px; aspect-ratio:1.34; transform:translateY(30px) rotate(1.4deg); }
.quickcard-demo-arrow { position:relative; z-index:3; color:var(--qc-orange-2); font-size:2rem; font-weight:800; }
.quickcard-demo-media-wallet { min-height:490px; }
.quickcard-screen-card-wallet { width:235px; aspect-ratio:.47; transform:translateX(-45px) rotate(-2.2deg); }
.quickcard-screen-card-list { position:absolute; width:220px; aspect-ratio:.47; right:6%; bottom:2%; transform:rotate(3deg); }
.quickcard-demo-media-personal { gap:22px; min-height:470px; }
.quickcard-screen-card-personal { width:235px; aspect-ratio:.47; transform:rotate(-1.6deg); }
.quickcard-personal-callout { position:relative; z-index:3; width:min(290px,45%); padding:24px; border:1px solid #e1e6ec; border-radius:18px; background:#fff; box-shadow:0 20px 40px rgba(20,28,38,.08); }
.quickcard-mini-mark { width:48px; height:48px; display:block; margin-bottom:17px; overflow:hidden; border-radius:10px; }
.quickcard-mini-mark img { width:100%; height:100%; }
.quickcard-personal-callout strong { display:block; color:#1a2129; font-size:1.15rem; line-height:1.25; }
.quickcard-personal-callout p { margin:10px 0 0; color:var(--qc-muted); font-size:.84rem; line-height:1.6; }
.quickcard-demo-media-managed { min-height:470px; }
.quickcard-screen-card-promo-wallet { width:255px; aspect-ratio:.66; transform:translateX(-62px) rotate(-2.4deg); }
.quickcard-screen-card-promo-open { position:absolute; width:250px; aspect-ratio:.66; right:3%; bottom:1%; transform:rotate(3.5deg); }

/* Features ---------------------------------------------------------------- */
.quickcard-features { padding:clamp(54px,7vw,92px) 24px; background:var(--qc-paper); border-bottom:1px solid var(--qc-line); scroll-margin-top:96px; }
.quickcard-features-heading { max-width:860px; margin:0 auto; }
.quickcard-features-heading > p { max-width:720px; margin:14px auto 0; color:var(--qc-muted); font-size:.96rem; line-height:1.72; }
.quickcard-feature-grid { width:min(1040px,100%); margin:38px auto 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.quickcard-feature-card { min-height:220px; padding:24px 22px; border:1px solid var(--qc-line); border-radius:8px; background:#fff; }
.quickcard-feature-icon { width:46px; height:46px; display:grid; place-items:center; border-radius:50%; color:var(--qc-orange-2); background:var(--qc-orange-soft); }
.quickcard-feature-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.quickcard-feature-card h3 { margin:18px 0 8px; color:var(--qc-charcoal); font-size:1.05rem; letter-spacing:-.025em; }
.quickcard-feature-card p { margin:0; color:var(--qc-muted); font-size:.84rem; line-height:1.62; }

/* Final CTA --------------------------------------------------------------- */
.quickcard-final-cta { position:relative; overflow:hidden; padding:clamp(46px,6vw,74px) 24px; color:#fff; background:linear-gradient(110deg,#d96c00,#f28a1c 60%,#e6780b); }
.quickcard-final-cta::before,.quickcard-final-cta::after { content:""; position:absolute; width:250px; height:250px; border:1px solid rgba(255,255,255,.18); border-radius:50%; }
.quickcard-final-cta::before { left:-130px; bottom:-170px; box-shadow:0 0 0 42px rgba(255,255,255,.035); }
.quickcard-final-cta::after { right:-120px; top:-160px; box-shadow:0 0 0 54px rgba(255,255,255,.035); }
.quickcard-final-cta-inner { position:relative; z-index:2; width:min(1180px,100%); margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:50px; align-items:center; }
.quickcard-final-cta h2 { font-size:clamp(2rem,4vw,3.5rem); }
.quickcard-final-cta p { max-width:700px; margin:14px 0 0; color:rgba(255,255,255,.82); line-height:1.7; }
.quickcard-final-actions { display:flex; gap:12px; }
.quickcard-button-light { min-width:160px; background:#fff; border:1px solid #fff; color:#c75f00; }
.quickcard-button-light:hover { background:#fff7ef; border-color:#fff7ef; }
.quickcard-button-outline-light { min-width:125px; border:1px solid rgba(255,255,255,.74); color:#fff; }
.quickcard-button-outline-light:hover { background:rgba(255,255,255,.1); border-color:#fff; }

/* Legal/footer — follows Profile convention ------------------------------- */
.quickcard-legal-footer.site-footer { padding-top:0; background:var(--paper-2); }
.quickcard-legal-footer .footer-inner { grid-template-columns:minmax(0,1fr) auto; gap:24px; }
.quickcard-legal-footer .footer-links { justify-content:flex-start; }
.quickcard-legal-footer .copyright { white-space:nowrap; }

/* Responsive -------------------------------------------------------------- */
@media (max-width:1180px) {
  .quickcard-header.site-header { padding-inline:22px; }
  .quickcard-corporate-brand img { width:124px; }
  .quickcard-brand-lockup { gap:12px; }
  .quickcard-desktop-nav { gap:0; }
  .quickcard-nav-link { padding-inline:8px; }
  .quickcard-hero-shell { grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr); }
  .quickcard-device-main { width:225px; transform:rotate(-2.5deg) translateX(-48px); }
  .quickcard-floating-card-promo { width:185px; }
}

@media (max-width:960px) {
  .quickcard-header .desktop-nav { display:none; }
  .quickcard-header .menu-toggle { display:inline-flex; }
  .quickcard-header .menu-toggle span { background:#181d24; }
  .quickcard-header .mobile-nav { top:78px; color:#111; background:#fff; border-color:#e2e6ec; }
  .quickcard-header .mobile-nav a { color:#151a20; }
  .quickcard-header .mobile-nav a:hover,.quickcard-header .mobile-nav a:focus-visible { background:#fff3e5; color:#b85400; }
  .quickcard-hero { padding-top:120px; }
  .quickcard-hero-shell { grid-template-columns:1fr; text-align:center; }
  .quickcard-hero-copy { margin:0 auto; }
  .quickcard-hero-brand { justify-content:center; }
  .quickcard-hero-copy > p { margin-left:auto; margin-right:auto; }
  .quickcard-hero-actions-desktop { display:none; }
  .quickcard-hero-actions-mobile { display:flex; justify-content:center; margin-top:6px; }
  .quickcard-hero-visual { min-height:510px; margin-top:12px; }
  .quickcard-benefit-flow { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 24px; }
  .quickcard-flow-line { display:none; }
  .quickcard-demo-row,.quickcard-demo-row-reverse { grid-template-columns:1fr; gap:32px; margin-top:58px; }
  .quickcard-demo-row-reverse .quickcard-demo-copy,.quickcard-demo-row-reverse .quickcard-demo-media { grid-column:auto; grid-row:auto; }
  .quickcard-demo-row-reverse .quickcard-demo-copy { order:0; }
  .quickcard-demo-row-reverse .quickcard-demo-media { order:1; }
  .quickcard-demo-copy { max-width:760px; margin:0 auto; text-align:center; }
  .quickcard-demo-copy .quickcard-demo-note { max-width:620px; margin-left:auto; margin-right:auto; text-align:left; }
  .quickcard-final-cta-inner { grid-template-columns:1fr; gap:28px; text-align:center; }
  .quickcard-final-cta p { margin-left:auto; margin-right:auto; }
  .quickcard-final-actions { justify-content:center; }
}

@media (max-width:720px) {
  .quickcard-header.site-header { height:68px; padding-inline:16px; }
  .quickcard-corporate-brand img { width:104px; }
  .quickcard-brand-divider { height:28px; }
  .quickcard-product-brand img { width:30px; height:30px; border-radius:7px; }
  .quickcard-product-brand strong { font-size:.9rem; }
  .quickcard-header .mobile-nav { top:68px; }
  .quickcard-hero { padding:102px 16px 46px; }
  .quickcard-hero h1 { font-size:clamp(2.75rem,13vw,4.7rem); }
  .quickcard-hero-copy > p { font-size:.97rem; }
  .quickcard-hero-visual { min-height:440px; transform:scale(.92); margin:-6px -24px 0; }
  .quickcard-device-main { width:205px; transform:rotate(-2.5deg) translateX(-44px); }
  .quickcard-floating-card-promo { width:165px; right:4%; bottom:9%; }
  .quickcard-floating-chip { display:none; }
  .quickcard-hero-actions-mobile { display:grid; grid-template-columns:1fr; width:min(390px,100%); margin:0 auto; }
  .quickcard-button { width:100%; }
  .quickcard-intro,.quickcard-why,.quickcard-story,.quickcard-features { padding-left:16px; padding-right:16px; }
  .quickcard-benefit-flow { grid-template-columns:1fr 1fr; gap:34px 14px; }
  .quickcard-benefit-icon { width:62px; height:62px; margin-bottom:14px; }
  .quickcard-benefit-icon svg { width:27px; height:27px; }
  .quickcard-demo-media { min-height:360px; }
  .quickcard-demo-media-pair { gap:8px; align-items:center; }
  .quickcard-screen-card-tall { width:43%; }
  .quickcard-screen-card-wide { width:52%; transform:translateY(20px) rotate(1.4deg); }
  .quickcard-demo-arrow { font-size:1.3rem; }
  .quickcard-demo-media-wallet { min-height:420px; }
  .quickcard-screen-card-wallet { width:205px; transform:translateX(-37px) rotate(-2deg); }
  .quickcard-screen-card-list { width:190px; right:1%; }
  .quickcard-demo-media-personal { min-height:430px; gap:12px; }
  .quickcard-screen-card-personal { width:205px; }
  .quickcard-personal-callout { width:45%; padding:18px 15px; }
  .quickcard-personal-callout strong { font-size:.98rem; }
  .quickcard-personal-callout p { font-size:.76rem; }
  .quickcard-demo-media-managed { min-height:410px; }
  .quickcard-screen-card-promo-wallet { width:205px; transform:translateX(-44px) rotate(-2.4deg); }
  .quickcard-screen-card-promo-open { width:200px; right:1%; }
  .quickcard-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .quickcard-feature-card { min-height:205px; padding:20px 17px; }
  .quickcard-final-actions { display:grid; grid-template-columns:1fr; width:min(380px,100%); margin:0 auto; }
  .quickcard-legal-footer .footer-inner { grid-template-columns:1fr; }
  .quickcard-legal-footer .footer-links { justify-content:flex-start; }
}

@media (max-width:460px) {
  .quickcard-corporate-brand img { width:92px; }
  .quickcard-brand-lockup { gap:9px; }
  .quickcard-brand-divider { height:24px; }
  .quickcard-product-brand { gap:7px; }
  .quickcard-product-brand img { width:28px; height:28px; }
  .quickcard-hero-brand img { width:46px; height:46px; }
  .quickcard-hero-brand span { font-size:1.25rem; }
  .quickcard-hero-visual { min-height:390px; transform:scale(.82); margin:-25px -60px -20px; }
  .quickcard-benefit-flow { grid-template-columns:1fr; }
  .quickcard-demo-row { margin-top:48px; }
  .quickcard-demo-media { min-height:320px; }
  .quickcard-demo-media-pair { min-height:300px; }
  .quickcard-screen-card-tall { width:44%; }
  .quickcard-screen-card-wide { width:54%; }
  .quickcard-demo-media-wallet { min-height:360px; }
  .quickcard-screen-card-wallet { width:175px; transform:translateX(-34px) rotate(-2deg); }
  .quickcard-screen-card-list { width:165px; }
  .quickcard-demo-media-personal { min-height:360px; }
  .quickcard-screen-card-personal { width:172px; }
  .quickcard-personal-callout { width:46%; padding:15px 12px; }
  .quickcard-mini-mark { width:40px; height:40px; }
  .quickcard-personal-callout p { display:none; }
  .quickcard-demo-media-managed { min-height:350px; }
  .quickcard-screen-card-promo-wallet { width:170px; transform:translateX(-35px) rotate(-2.4deg); }
  .quickcard-screen-card-promo-open { width:168px; }
  .quickcard-feature-grid { grid-template-columns:1fr; }
  .quickcard-feature-card { min-height:0; }
}