/* Vertex Summit · Products showcase (homepage section + /products/) · 29 Oct 2026 */
.prod-mz{--pa:#9b1d3a;--pa-hi:#b8284a;--pa-soft:rgba(155,29,58,.16);--pa-ic:#e8a317;--pa-paper:#fff8ec;--pa-line:rgba(232,163,23,.28)}
.prod-ss{--pa:#312E81;--pa-hi:#3F3C99;--pa-soft:rgba(14,165,164,.14);--pa-ic:#2DD4BF;--pa-paper:#F8FAFC;--pa-line:rgba(45,212,191,.28)}

/* logo chips: official logos on their own brand paper, original colours */
.plogo{display:inline-flex;align-items:center;gap:9px;background:var(--pa-paper);border-radius:12px;padding:10px 14px;line-height:1}
.plogo img{display:block;height:28px;width:auto}
.plogo .ss-mark{width:28px;height:28px}
.ss-word{font:600 21px/1 "Poppins",Arial,system-ui,sans-serif;letter-spacing:0;white-space:nowrap}
.ss-word b{font-weight:600;color:#312E81}.ss-word i{font-style:normal;color:#0EA5A4}

.p-kicker{display:block;font:500 11.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:22px 0 12px}
.p-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.p-tags li{font:500 12.5px var(--body);color:var(--text);padding:7px 12px;border-radius:999px;border:1px solid var(--pa-line);background:var(--pa-soft)}
.p-tags li b{font-weight:600}
.p-feats{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.p-feats li{position:relative;padding-left:30px;color:var(--muted);font-size:15.5px;line-height:1.55}
.p-feats li strong{color:var(--text);font-weight:600}
.p-feats li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:6px;background:var(--pa-soft);border:1px solid var(--pa-line)}
.p-feats li::after{content:"";position:absolute;left:6px;top:7px;width:6px;height:9px;border:solid var(--pa-ic);border-width:0 2px 2px 0;transform:rotate(45deg)}
.p-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:30px}
.btn-prod{background:var(--pa);color:#fff;box-shadow:0 12px 30px -14px var(--pa)}
.btn-prod:hover{background:var(--pa-hi)}
.btn .ext{width:15px;height:15px}
.p-note{font-size:13.5px;color:var(--dim);margin-top:16px}
.p-note a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.p-note a:hover{color:var(--text)}

/* product screen frame */
.p-shot{position:relative;margin:0;border-radius:22px;padding:26px 26px 0;background:radial-gradient(120% 90% at 50% 0%,var(--pa-soft),transparent 70%),var(--card2);border:1px solid var(--line);overflow:hidden}
.p-shot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(transparent,var(--card2));pointer-events:none}
.p-shot img{display:block;width:100%;height:auto;border-radius:14px 14px 0 0;box-shadow:0 30px 60px -28px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06)}
.p-shot figcaption{position:relative;z-index:1;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:14px 0 16px;text-align:center}

/* homepage cards */
.prod-home .p-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.pcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:border-color .35s,transform .45s var(--ease)}
.pcard:hover{border-color:var(--pa-line);transform:translateY(-4px)}
.pcard .p-shot{border:0;border-bottom:1px solid var(--line);border-radius:0;height:300px;padding:28px 34px 0}
.pcard .p-shot img{height:100%;object-fit:cover;object-position:top center}
.pcard .p-shot::after{height:70px;background:linear-gradient(transparent,var(--card))}
.pcard-body{padding:30px 32px 34px;display:flex;flex-direction:column;flex:1}
.pcard-body h3{font-size:24px;line-height:1.25;margin-top:4px}
.pcard-body>p{color:var(--muted);margin-top:12px;font-size:15.5px;line-height:1.65}
.pcard .p-ctas{margin-top:auto;padding-top:28px}
.prod-home .p-all{margin-top:38px;text-align:center}

/* /products/ page */
.p-principles .card h3{font-size:19px;margin-bottom:10px}
.p-principles .card p{color:var(--muted);font-size:15px}
.pshow{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:start}
.pshow.flip .pshow-copy{order:2}
.pshow-copy h2{font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.02em}
.pshow-copy .lead{color:var(--muted);font-size:17px;line-height:1.7;margin-top:18px}
.pshow-visual{position:sticky;top:110px}
.p-eds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.p-ed{display:block;padding:16px 16px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line);transition:border-color .3s}
.p-ed:hover{border-color:var(--pa-line)}
.p-ed b{display:block;font:700 15px var(--display);color:var(--text)}
.p-ed small{display:block;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pa-ic);margin:6px 0 8px}
.p-ed span{display:block;font-size:13.5px;line-height:1.5;color:var(--muted)}
.p-sub{font:600 13px var(--body);color:var(--text);margin-top:30px}

@media (max-width:1080px){.pshow{gap:40px}.p-eds{grid-template-columns:1fr}}
@media (max-width:900px){.prod-home .p-grid{grid-template-columns:1fr}.pshow{grid-template-columns:1fr}.pshow.flip .pshow-copy{order:0}.pshow-visual{position:static;max-width:560px}}
@media (max-width:560px){.pcard .p-shot{height:240px;padding:20px 20px 0}.pcard-body{padding:24px 20px 28px}.pcard-body h3{font-size:21px}.p-shot{padding:18px 18px 0}.p-ctas .btn{width:100%;justify-content:center}.ss-word{font-size:19px}.plogo img{height:24px}.plogo .ss-mark{width:24px;height:24px}}
@media (prefers-reduced-motion:reduce){.pcard,.pcard:hover{transition:none;transform:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.p-band p{text-align:center}
.p-hero .ctas{margin-top:36px}
.p-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:18px}
.p-links .link-arrow{font-size:14.5px}
.p-links .ext{width:14px;height:14px}
.pcard .p-ctas{padding-top:26px}
.pshow .p-ctas{gap:12px}
.pshow .p-ctas .btn{padding:13px 20px;font-size:14px}