/* Blackwire Support v1.88 — compact customer download portal */
.support-hub-section { padding-top: 34px; }
.support-access-panel {
  overflow:hidden;
  border:1px solid rgba(94,178,255,.24);
  border-radius:22px;
  background:
    radial-gradient(circle at 88% 10%, rgba(42,142,211,.15), transparent 27%),
    linear-gradient(135deg, rgba(22,43,64,.96), rgba(7,20,33,.98));
  box-shadow:0 22px 48px rgba(0,0,0,.18);
}
.support-access-main { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr); gap:26px; align-items:center; padding:30px 32px 25px; }
.support-access-copy { min-width:0; }
.support-access-topline { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:11px; }
.support-kicker { display:inline-block; margin:0; color:#76d1ff; font-size:.73rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.support-status-badge { display:inline-flex; align-items:center; min-height:29px; padding:5px 10px; border:1px solid rgba(67,205,129,.3); border-radius:999px; color:#91e7b2; background:rgba(67,205,129,.08); font-size:.72rem; font-weight:800; }
.support-access-panel h2 { max-width:800px; margin:0 0 12px; font-size:clamp(1.9rem,3vw,2.75rem); line-height:1.08; }
.support-access-copy > p { max-width:780px; margin:0; color:#b7c9da; font-size:1rem; }
.support-access-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:21px; }
.support-primary-action { min-height:50px; padding-inline:21px; }
.support-action-hint { color:#8fa9c0; font-size:.84rem; }
.support-version-card { display:grid; grid-template-columns:44px 1fr; gap:14px; align-items:flex-start; padding:20px; border:1px solid rgba(94,178,255,.22); border-radius:17px; background:rgba(4,15,26,.46); }
.support-version-mark { display:grid; place-items:center; width:39px; height:39px; border-radius:11px; background:rgba(70,204,128,.12); border:1px solid rgba(70,204,128,.2); color:#84e2a7; font-weight:900; font-size:1.1rem; }
.support-version-label { display:block; margin-bottom:4px; color:#73cfff; font-size:.69rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.support-version-card strong { display:block; color:#edf8ff; font-size:1.07rem; }
.support-version-card p { margin:7px 0 0; color:#a9bfd1; font-size:.86rem; line-height:1.55; }
.support-access-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(148,190,232,.12); background:rgba(0,0,0,.11); }
.support-access-steps > div { display:grid; grid-template-columns:34px 1fr; gap:11px; align-items:center; padding:16px 22px; }
.support-access-steps > div + div { border-left:1px solid rgba(148,190,232,.1); }
.support-access-steps > div > span { display:grid; place-items:center; width:31px; height:31px; border-radius:999px; background:rgba(94,178,255,.09); border:1px solid rgba(94,178,255,.18); color:#78d2ff; font-weight:850; font-size:.8rem; }
.support-access-steps p { margin:0; }
.support-access-steps strong { display:block; color:#edf7ff; font-size:.84rem; }
.support-access-steps small { display:block; margin-top:2px; color:#829db4; font-size:.74rem; line-height:1.4; }
.support-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:18px; }
.support-service-card { display:grid; grid-template-columns:42px 1fr; gap:14px; min-height:176px; padding:21px; border:1px solid rgba(94,178,255,.15); border-radius:17px; background:linear-gradient(180deg,rgba(20,37,55,.78),rgba(8,20,33,.93)); }
.support-service-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:rgba(94,178,255,.08); border:1px solid rgba(94,178,255,.17); color:#77d1ff; font-weight:900; }
.support-help-label { display:block; margin-bottom:7px; color:#75cfff; font-size:.69rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.support-service-card h3 { margin:0 0 7px; font-size:1.13rem; }
.support-service-card p { margin:0 0 12px; color:#9fb5c9; font-size:.88rem; line-height:1.55; }
.support-service-card .card-link { margin-top:auto; }
.support-contribution-strip { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:15px; padding:17px 20px; border:1px solid rgba(148,190,232,.1); border-radius:15px; background:rgba(17,33,49,.58); }
.support-contribution-strip strong { display:block; margin-bottom:3px; font-size:.94rem; }
.support-contribution-strip p { margin:0; color:#8fa7bc; font-size:.82rem; }
.support-products-section { padding-top:38px; }
.support-products-head { margin-bottom:18px; }
.support-product-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.support-product-links a { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:68px; padding:15px 17px; border:1px solid rgba(94,178,255,.14); border-radius:14px; background:rgba(17,34,51,.66); color:#e9f5ff; text-decoration:none; transition:border-color .16s ease,transform .16s ease,background .16s ease; }
.support-product-links a:hover { border-color:rgba(94,178,255,.36); background:rgba(22,47,70,.82); transform:translateY(-1px); }
.support-product-links span { font-weight:760; }
.support-product-links small { color:#7fa8c6; text-align:right; white-space:nowrap; }
@media (max-width:980px) {
  .support-access-main { grid-template-columns:1fr; }
  .support-version-card { max-width:650px; }
  .support-service-grid { grid-template-columns:1fr 1fr; }
  .support-service-card:last-child { grid-column:1 / -1; }
  .support-product-links { grid-template-columns:1fr 1fr; }
}
@media (max-width:720px) {
  .support-access-main { padding:23px 21px 19px; }
  .support-access-steps { grid-template-columns:1fr; }
  .support-access-steps > div + div { border-left:0; border-top:1px solid rgba(148,190,232,.1); }
  .support-service-grid,.support-product-links { grid-template-columns:1fr; }
  .support-service-card:last-child { grid-column:auto; }
  .support-contribution-strip { display:block; }
  .support-contribution-strip .btn { margin-top:13px; width:100%; justify-content:center; }
  .support-primary-action { width:100%; justify-content:center; }
  .support-action-hint { width:100%; }
  .support-product-links a { align-items:flex-start; }
}
