/* pact-cloud.com's own components, on pact-web-kit's tokens (kit/styles.css). Everything shared is
 * the kit's; only what this site alone draws is here. */

/* ---------------------------------------------------------------- the identity panel (hero) */
.idpanel{display:grid;grid-template-columns:1.35fr 1fr;min-height:360px}
.idmain{padding:22px 24px;border-right:1px solid var(--line)}
.idside{padding:22px 20px;background:#FCFBF8}
.idpanel .lbl{margin:0 0 8px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.idpanel .lbl.mt{margin-top:20px}
.addr{font-family:var(--mono);font-size:clamp(15px,2.2vw,21px);color:var(--ink);letter-spacing:-.01em;margin-bottom:8px;word-break:break-all}
.addr b{color:var(--accent-ink);font-weight:500}
.idnote{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0 0 20px;max-width:34rem}
.cert{margin:0;display:grid;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cert div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:12.5px}
.cert div:last-child{border-bottom:0}
.cert dt{color:var(--muted)}
.cert dd{margin:0;color:var(--ink)}
.idside .call{margin:0 0 4px;display:flex}
.idside .contact{padding:7px 0}
@media (max-width:900px){.idpanel{grid-template-columns:1fr}.idmain{border-right:0;border-bottom:1px solid var(--line)}}

/* ---------------------------------------------------------------- what we hold */
.ticks{list-style:none;padding:0;margin:.9rem 0 0;display:flex;flex-direction:column;gap:.7rem}
.ticks li{position:relative;padding-left:1.7rem;color:var(--text);font-size:.97rem;line-height:1.5}
.ticks li::before{content:"";position:absolute;left:0;top:.28em;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23AB5309' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}
.ticks.no li::before{background:var(--bg-3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='%2315181E' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/64% no-repeat}

/* ---------------------------------------------------------------- plans */
.plans-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-sm)}
.plans{width:100%;border-collapse:collapse;min-width:620px;font-size:.95rem}
.plans th,.plans td{padding:.85rem 1rem;text-align:center;border-bottom:1px solid var(--line)}
.plans tbody tr:last-child th,.plans tbody tr:last-child td{border-bottom:0}
.plans thead th{font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg-2)}
.plans tbody th{text-align:left;font-weight:500;color:var(--ink)}
.plans td{color:var(--text);font-variant-numeric:tabular-nums}
.plans .hl{background:var(--accent-soft)}
.plans thead .hl{color:var(--accent-ink)}