:root { color-scheme: light; font-family: "DM Sans", system-ui, sans-serif; background: #f7f7f5; color: #151515; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
.platform-shell { width: min(100% - 40px, 1120px); min-height: 100svh; margin: 0 auto; padding: 28px 0 64px; display: flex; flex-direction: column; }
.platform-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.platform-mark { color: inherit; font-size: .85rem; font-weight: 600; letter-spacing: .17em; text-decoration: none; }
.platform-status, .platform-kicker, .business-type { color: #6c6c6a; font-family: "DM Mono", monospace; font-size: .7rem; letter-spacing: .04em; }
.platform-status { text-align: right; }
.platform-intro { max-width: 700px; margin: clamp(6rem, 18vh, 12rem) 0 clamp(5rem, 14vh, 9rem); }
.platform-kicker { margin: 0 0 18px; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 680px; margin-bottom: 22px; font-size: clamp(3rem, 8vw, 6.8rem); font-weight: 500; letter-spacing: -.065em; line-height: .96; }
.platform-copy { max-width: 480px; color: #595957; font-size: clamp(1rem, 2vw, 1.15rem); line-height: 1.55; }
.business-list { max-width: 720px; }
.business-list-heading { display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid #d7d7d3; padding-bottom: 14px; }
.business-list-heading .platform-kicker { margin: 0; }
h2 { margin: 0; font-size: 1rem; font-weight: 500; }
.business-card { color: inherit; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 0; border-bottom: 1px solid #d7d7d3; text-decoration: none; transition: padding .18s ease, color .18s ease; }
.business-card:hover, .business-card:focus-visible { color: #666; padding-left: 8px; outline: none; }
.business-type { margin-bottom: 9px; text-transform: uppercase; }
.business-card h3 { margin-bottom: 7px; font-size: clamp(1.6rem, 3vw, 2.25rem); font-weight: 500; letter-spacing: -.045em; }
.business-card p:last-child { margin: 0; color: #686866; }
.business-card > span { font-size: 1.8rem; font-weight: 300; }
@media (max-width: 560px) { .platform-shell { width: min(100% - 32px, 1120px); padding-top: 22px; } .platform-status { display: none; } .platform-intro { margin-top: 7rem; margin-bottom: 6rem; } }