:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #102c58; background: #f8f7f3; }
* { box-sizing: border-box; }
body { margin: 0; }
main { min-height: 100svh; position: relative; display: grid; place-items: center; padding: 64px 24px 140px; }
.identity { width: min(690px, 85vw); text-align: center; transform: translateY(6px); }
.logo { position: relative; aspect-ratio: 2.2963; margin: 0; overflow: hidden; }
.logo img { display: block; position: absolute; width: 165.1613%; max-width: none; height: auto; left: -32.2581%; top: -64.1975%; }
.launch { margin: 36px 0 0; font-size: 12px; font-weight: 400; line-height: 1.5; letter-spacing: .24em; text-transform: uppercase; }
.contact { position: absolute; bottom: 62px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; min-height: 44px; padding: 12px 3px; color: inherit; font-size: 15px; letter-spacing: .02em; text-decoration: none; border-bottom: 1px solid #afb9ca; white-space: nowrap; }
.contact:hover { border-color: #102c58; }
.contact:focus-visible { outline: 2px solid #102c58; outline-offset: 7px; }
@media (max-width: 600px) {
  main { padding: 48px 22px 132px; }
  .identity { width: min(460px, 100%); transform: translateY(-4px); }
  .launch { margin-top: 36px; font-size: 10px; letter-spacing: .2em; }
  .contact { bottom: 44px; font-size: 14px; }
}
@media (prefers-reduced-motion: no-preference) { .contact { transition: border-color .15s ease; } }

/* Selected option 3, updated from Victoria's October 2 email. */
.identity { width: min(600px, 85vw); }
.portfolio { width: 100%; margin-top: 38px; }
.portfolio-label { margin: 0 0 17px; font-size: 10px; line-height: 1.5; letter-spacing: .15em; text-transform: uppercase; color: #52637d; }
.portfolio-slots { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; align-items: center; }
.company { display:flex; align-items:center; justify-content:center; min-width:0; min-height:60px; padding:8px; border-radius:3px; }
.company img { display:block; max-width:100%; object-fit:contain; }
.tabs-mark { width:78px; height:33px; }
.sunlight-mark { width:116px; height:27px; filter:brightness(0); }
.basata-mark { width:124px; height:26px; }
.clark-mark { width:118px; height:33px; }
.company:hover { background:rgba(16,44,88,.035); }
.company:focus-visible, .press a:focus-visible { outline:2px solid #102c58; outline-offset:5px; }
.press { margin:22px 0 0; font-size:11px; line-height:1.6; color:#52637d; }
.press a { display:inline-block; padding:8px 2px; color:inherit; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:600px) {
 .identity { width:min(460px,100%); }
 .portfolio { margin-top:30px; }
 .portfolio-slots { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 18px; }
 .portfolio-label { margin-bottom:10px; }
 .press { margin-top:12px; font-size:10px; }
}

/* Official TechCrunch wordmark beside the article link. */
.press a { display:inline-flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px 14px; min-height:44px; max-width:100%; }
.techcrunch-mark { display:block; width:112px; height:auto; filter:brightness(0); }