.innes-rec-preview { position: relative; z-index: 1; padding: 38px clamp(24px, 4vw, 78px) 48px; }
.innes-rec-card { display: flex; align-items: center; gap: 32px; max-width: 1380px; margin: auto; padding: 30px 38px; border: 1px solid #d7e9ed; border-radius: 24px; color: #123e56; background: linear-gradient(110deg, #f2fbfc, #fff 65%, #f7fbf9); text-decoration: none; box-shadow: 0 12px 35px #073f6108; transition: transform .2s, box-shadow .2s; }
.innes-rec-card:hover { transform: translateY(-3px); box-shadow: 0 16px 40px #073f6114; }
.innes-rec-card:focus-visible { outline: 3px solid #008db9; outline-offset: 6px; }
.innes-rec-art { position: relative; display: grid; place-items: center; flex: 0 0 142px; height: 142px; border-radius: 32px; background: linear-gradient(140deg, #d7f2ee, #e5f2fc); transform: rotate(-4deg); }
.innes-rec-art svg { width: 120px; height: 120px; transform: rotate(4deg); }
.innes-rec-spark { position: absolute; color: #008ba3; font-size: 26px; }
.spark-one { right: -9px; top: 4px; }.spark-two { left: -9px; bottom: 8px; color: #c79029; }
.innes-rec-copy { flex: 1; }.innes-rec-badge { display: inline-flex; align-items: center; gap: 7px; font-size: 10px; letter-spacing: 1.8px; font-weight: 800; color: #287b75; }
.innes-rec-badge > span { width: 6px; height: 6px; border-radius: 50%; background: #42a999; }
.innes-rec-copy h2 { margin: 12px 0 10px; font-size: clamp(23px, 2vw, 32px); line-height: 1.2; letter-spacing: -.7px; color: #123e56; }
.innes-rec-copy p { max-width: 580px; margin: 0 0 18px; font-size: 14px; line-height: 1.6; color: #607888; }
.innes-rec-name { color: #007ea5; font-size: 13px; font-weight: 700; }.innes-rec-name > span { margin-left: 8px; }
.innes-rec-access { flex: 0 0 auto; padding-left: 30px; border-left: 1px solid #d7e9ed; font-size: 12px; line-height: 1.9; color: #617b87; }.innes-rec-access strong { color: #27596b; font-weight: 600; }
@media (max-width: 900px) { .innes-rec-access { display: none; } }
@media (max-width: 600px) { .innes-rec-preview { padding: 24px 18px 32px; }.innes-rec-card { padding: 26px; gap: 24px; align-items: flex-start; flex-direction: column; border-radius: 20px; }.innes-rec-art { flex-basis: auto; width: 94px; height: 94px; border-radius: 24px; }.innes-rec-art svg { width: 85px; height: 85px; }.innes-rec-copy h2 { font-size: 26px; } }
@media (prefers-reduced-motion: reduce) { .innes-rec-card { transition: none; }.innes-rec-card:hover { transform: none; } }