.sidebar nav .portal-demo-link {
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 13px;
  border-radius:8px;
  color:#b6b6b6;
  font-size:12px;
  text-decoration:none;
}
.sidebar nav .portal-demo-link svg {width:18px;height:18px;flex:none}
.sidebar nav .portal-demo-link:hover,
.sidebar nav .portal-demo-link:focus-visible {background:#252525;color:#72d8ff}
body:has(#welcome[hidden]) .portal-demo-link {display:none}

#welcome.portal-welcome {
  display:block;
  min-height:0;
  padding:clamp(28px,4.5vw,68px) 0 38px;
}
#welcome.portal-welcome[hidden] {display:none}
.portal-welcome-hero {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(24px,4vw,68px);
}
.portal-welcome .welcome-copy h1 {font-size:clamp(38px,5.2vw,76px)}
.portal-welcome .intro-actions {display:flex;align-items:center}
.portal-welcome .intro-actions a {text-decoration:none}
.portal-report-preview {
  margin:0;
  padding:clamp(18px,2.6vw,34px);
  background:linear-gradient(135deg,#141b22,#123542);
  border:1px solid #33545e;
  border-radius:18px;
  color:#f5fafb;
  box-shadow:0 16px 36px #102f3a18;
}
.portal-report-preview figcaption {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:8px;
  color:#a6d6e5;
  font-size:10px;
  font-weight:650;
  letter-spacing:.13em;
}
.portal-sample-tag {
  padding:4px 8px;
  border-radius:6px;
  background:#315461;
  color:#f5fafb;
  font-size:11px;
  letter-spacing:0;
}
.portal-preview-title {display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:8px;margin-top:18px}
.portal-preview-title strong {display:block;font-size:clamp(28px,3.5vw,48px);line-height:1.15}
.portal-preview-title div span,.portal-preview-metrics span {color:#bdd5df;font-size:12px}
.portal-preview-change {color:#96ebc4;font-size:13px;font-weight:650}
.portal-preview-change small {font-size:11px;color:#bdd5df;font-weight:400}
.portal-preview-chart {display:block;width:100%;height:clamp(70px,9vw,120px);margin:14px 0 18px}
.portal-preview-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.portal-preview-metrics div {padding:8px;background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px}
.portal-preview-metrics strong {display:block;font-size:clamp(15px,1.55vw,22px);font-variant-numeric:tabular-nums}
.portal-welcome-services {margin-top:clamp(28px,5vw,64px);padding-top:24px;border-top:1px solid var(--line,#e3e0da)}
.portal-welcome-services h2 {margin:0 0 4px;font-size:clamp(24px,2.7vw,35px)}
.portal-welcome-services > p {margin:0 0 16px}
.portal-welcome-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.portal-welcome-grid li {min-width:0;padding:14px;border:1px solid #e3e0da;border-radius:12px;background:#fff}
.portal-welcome-grid li > span {display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e8f6fa;color:#006880;font-size:18px}
.portal-welcome-grid h3 {font-size:13px;line-height:1.4;margin:9px 0 4px}
.portal-welcome-grid p {margin:0;font-size:12px;line-height:1.5}
@media (max-width:1100px) {
  .portal-welcome-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px) {
  .portal-welcome-hero {grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px) {
  .portal-welcome-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}