.otx{max-width:1240px;margin:0 auto;padding:0 40px 120px}.otx-hero{padding-bottom:24px}.otx-lead{max-width:760px;color:var(--ink);margin-top:20px;font-size:clamp(19px,1.7vw,22px);line-height:1.4}.otx-group{padding-top:64px}.otx-group-head{padding-bottom:4px}.otx-group-head h2{letter-spacing:-.03em;font-family:Feature Text,Georgia,serif;font-size:clamp(26px,2.2vw,29px);font-weight:500;line-height:1}.otx-group-head p{max-width:680px;color:var(--muted);margin-top:10px}.otx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.otx-grid li{display:flex}.otx-card{background:var(--soft);width:100%;min-height:300px;color:inherit;border-radius:14px;flex-direction:column;padding:26px 26px 22px;text-decoration:none;transition:background-color .2s,transform .2s,box-shadow .2s;display:flex}.otx-logo{object-fit:contain;object-position:left center;width:auto;max-width:140px;height:22px;margin-bottom:40px;display:block}.otx-logo.is-gitlab,.otx-logo.is-figma{height:24px}.otx-logo.is-snowflake{height:26px}.otx-logo.is-datadog{height:30px;margin-bottom:32px}.otx-logo.is-verkada{height:26px}.otx-logo.is-vanta{height:20px}.otx-title{letter-spacing:-.025em;color:var(--ink);font-family:Feature Text,Georgia,serif;font-size:25px;font-weight:500;line-height:1.08}.otx-summary{color:var(--muted);margin-top:14px}.otx-go{color:var(--ink);margin-top:auto;padding-top:28px;font-size:14px;font-weight:500}.otx-go span{transition:transform .2s;display:inline-block}.otx-card:hover{box-shadow:inset 0 0 0 1px var(--line), 0 20px 40px -30px #241e2059;background:#fffff9;transform:translateY(-2px)}.otx-card:hover .otx-go{color:var(--accent-text)}.otx-card:hover .otx-go span{transform:translate(4px)}.otx-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:1024px){.otx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.otx{padding:0 20px 56px}.otx-group{padding-top:48px}.otx-grid{grid-template-columns:minmax(0,1fr);gap:12px}.otx-card{min-height:0;padding:22px 20px 20px}.otx-logo{height:20px;margin-bottom:28px}.otx-title{font-size:22px}}@media (prefers-reduced-motion:reduce){.otx-card,.otx-go span{transition:none}.otx-card:hover{transform:none}}.otx-grid li:first-child{grid-column:span 2}.otx-grid li:first-child .otx-title{max-width:640px;font-size:clamp(28px,2.6vw,34px)}.otx-grid li:first-child .otx-summary{max-width:560px}@media (max-width:768px){.otx-grid li:first-child{grid-column:auto}.otx-grid li:first-child .otx-title{font-size:22px}}.otx-card.is-photo{color:#fffff9;background-color:#241e20;background-size:cover}.otx-card.is-photo .otx-logo{filter:brightness(0)invert();opacity:.95}.otx-card.is-photo .otx-title,.otx-card.is-photo .otx-go{color:#fffff9}.otx-card.is-photo .otx-summary{color:#fffff9c7}.otx-card.is-photo:hover{background-color:#241e20;box-shadow:0 20px 40px -24px #241e2099}.otx-card.is-photo:hover .otx-go{color:#ff9c7e}.otx-title,.otx-group-head h2{text-wrap:balance}.otx-group-head p,.otx-summary,.otx-lead{text-wrap:pretty}.otx-lead,.otx-group-head p{max-width:none}@media (min-width:769px){.otx{max-width:1280px;padding-left:20px;padding-right:20px}}