/* Professional visual polish - patch 0.1.3.0.0 */
:root{
  --surface-shine:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 42%,rgba(255,255,255,.06));
  --surface-edge:rgba(255,255,255,.12);
  --surface-reflect:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.07) 34%,transparent 58%);
}
html[data-theme="light"]{
  --surface-shine:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,245,249,.86) 45%,rgba(255,255,255,.92));
  --surface-edge:rgba(15,23,42,.08);
  --surface-reflect:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.62) 34%,transparent 58%);
}
.panel,.card,.site-header,.site-nav{
  position:relative;
  overflow:hidden;
}
.crisp-surface,.panel,.card{
  background-image:var(--surface-shine);
  border-color:color-mix(in srgb,var(--line) 78%,var(--surface-edge));
}
.crisp-surface::before,.panel::before,.card::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--surface-reflect);
  opacity:.62;
  pointer-events:none;
}
.crisp-surface > *,.panel > *,.card > *{position:relative;z-index:1}
.hero h1{letter-spacing:-.055em;text-wrap:balance}.lead{text-wrap:pretty}.section-head h2{text-wrap:balance}.brand-title{white-space:normal}.muted{color:var(--muted)}
@media(max-width:600px){.brand-title{display:none}.hero h1{font-size:clamp(2.35rem,14vw,4.3rem)}}
