/* Accessibility + editorial refinement layer */
:root{--surface:#171020;--surface-2:#21172d;--surface-light:#f5f2f8;--ink-light:#171020;--muted-light:#5d5565;--line-light:rgba(23,16,32,.16)}

/* Homepage: editorial single-column hero, no portrait block */
.clean-hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:72px;padding-bottom:92px}
.clean-hero-copy{max-width:1080px}

/* Replace pill/tag UI with restrained editorial text treatments */
.tag-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:20px;border-top:1px solid rgba(255,255,255,.18)}
.tag{display:block;padding:14px 0;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;background:transparent;color:#fff;font-size:13px;font-weight:700;letter-spacing:-.01em}
.tag:nth-child(odd){padding-right:18px}
.tag:nth-child(even){padding-left:18px;border-left:1px solid rgba(255,255,255,.18)}
.light .tag-row{border-top-color:var(--line-light)}
.light .tag{border-bottom-color:var(--line-light);color:#2b2132;background:transparent}
.light .tag:nth-child(even){border-left-color:var(--line-light)}

/* Contact links need explicit contrast on the light panel */
.light .contact-grid{gap:0;margin-top:26px;border-top:1px solid var(--line-light)}
.light .contact-link{padding:20px 0;border:0;border-bottom:1px solid var(--line-light);border-radius:0;background:transparent;color:var(--ink-light)}
.light .contact-link:hover{background:transparent;transform:none;padding-left:8px}
.light .contact-link strong{color:#171020;font-size:18px}
.light .contact-link span{color:#5d5565;font-size:13px;font-weight:650}
.light .contact-link::after{content:'↗';margin-left:auto;color:#6d28d9;font-weight:900}

/* Remove excessive rounded-card feeling while preserving hierarchy */
.page-card{border-radius:22px}
.feature{border-radius:12px}
.page-card.light{background:linear-gradient(145deg,#fbf9fc,#eee9f3);color:#171020}
.page-card.light .hero-copy,.page-card.light p{color:#554c5d}

/* Strong keyboard focus */
a:focus-visible{outline:3px solid #d8b4fe;outline-offset:4px}

@media(max-width:680px){
  .clean-hero{padding-top:44px;padding-bottom:64px}
  .tag-row{grid-template-columns:1fr}
  .tag:nth-child(odd),.tag:nth-child(even){padding:13px 0;border-left:0}
}