/* What IRIS does, v1.6 — replaces the five-card v4-does section on the homepage */
.ird{position:relative;isolation:isolate;overflow:hidden;background:#0F2342;color:#fff;padding:96px 0 104px;font-family:Inter,Arial,sans-serif}
.ird::before{content:"";position:absolute;inset:0;z-index:-1;background:
 radial-gradient(900px 420px at 12% 0%,rgba(20,163,184,.22),transparent 70%),
 radial-gradient(700px 380px at 92% 100%,rgba(0,212,212,.12),transparent 70%),
 linear-gradient(180deg,#0F2342 0%,#0B1C38 100%)}
.ird-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.ird-k{margin:0 0 14px;font:700 13px/1 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#5FD3E3}
.ird-h{margin:0;font:700 clamp(34px,4.4vw,54px)/1.08 "Source Serif 4",Georgia,serif;letter-spacing:-.01em;color:#fff}
.ird-h em{font-style:normal;color:#5FD3E3}
.ird-sub{margin:18px 0 0;max-width:760px;font:400 19px/1.6 Inter,Arial,sans-serif;color:#D9E6EE}
.ird-sub b{color:#fff;font-weight:600}

.ird-grid{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ird-card{position:relative;display:flex;flex-direction:column;background:#fff;color:#0F2342;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.55);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.ird-card:hover{transform:translateY(-4px);box-shadow:0 40px 70px -30px rgba(0,0,0,.65)}
.ird-img{position:relative;aspect-ratio:16/10;background:#D9F0F4}
.ird-img picture{display:block;width:100%;height:100%;overflow:hidden}
.ird-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ird-card:hover .ird-img img{transform:scale(1.04)}
.ird-img::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(15,35,66,.55))}
.ird-tag{position:absolute;left:20px;bottom:16px;z-index:1;font:700 12px/1 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.ird-ic{position:absolute;right:20px;bottom:-28px;z-index:2;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#0F2342;color:#6FF3F3;border:3px solid #fff;box-shadow:0 0 0 4px rgba(20,163,184,.35),0 10px 24px -8px rgba(15,35,66,.6)}
.ird-ic svg{width:26px;height:26px}
.ird-body{padding:28px 26px 28px;display:flex;flex-direction:column;gap:14px;flex:1}
.ird-verb{margin:0;font:700 28px/1.1 "Source Serif 4",Georgia,serif;color:#0F2342}
.ird-verb span{color:#0E7F91}
.ird-lead{margin:0;font:600 16px/1.45 Inter,Arial,sans-serif;color:#0F2342}
.ird-list{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}
.ird-list li{position:relative;padding-left:28px;font:400 15.5px/1.55 Inter,Arial,sans-serif;color:#33415A}
.ird-list li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#14A3B8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.6L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.ird-list b{color:#0F2342;font-weight:600}

.ird-files{margin:28px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:500 14px/1 Inter,Arial,sans-serif;color:#B8E3EA}
.ird-files span.l{margin-right:4px;color:#D9E6EE}
.ird-files em{font-style:normal;padding:8px 13px;border-radius:999px;border:1px solid rgba(95,211,227,.45);background:rgba(20,163,184,.12);color:#fff}

.ird-reach{margin:44px 0 0;display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:stretch}
.ird-panel{border-radius:18px;padding:26px 28px;background:rgba(255,255,255,.06);border:1px solid rgba(95,211,227,.28)}
.ird-panel h3{margin:0 0 6px;font:700 22px/1.25 "Source Serif 4",Georgia,serif;color:#fff}
.ird-panel p{margin:0;font:400 15.5px/1.6 Inter,Arial,sans-serif;color:#D9E6EE}
.ird-ch{margin:16px 0 0;display:flex;gap:10px;flex-wrap:wrap}
.ird-ch span{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:#fff;color:#0F2342;font:600 14px/1 Inter,Arial,sans-serif}
.ird-ch svg{width:18px;height:18px;color:#0E7F91}
.ird-team{display:flex;gap:16px;align-items:flex-start}
.ird-team .ird-ic2{flex:0 0 48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#14A3B8;color:#fff}
.ird-team .ird-ic2 svg{width:24px;height:24px}

.ird-cta{margin:40px 0 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.ird-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 26px;border-radius:10px;font:600 16px/1 Inter,Arial,sans-serif;text-decoration:none;transition:background .2s,transform .2s}
.ird-btn.p{background:#0E7F91;color:#fff}
.ird-btn.p:hover{background:#0B6F7F;transform:translateY(-1px)}
.ird-btn.s{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.ird-btn.s:hover{border-color:#6FF3F3;color:#6FF3F3}
.ird-btn:focus-visible,.ird-card:focus-within{outline:3px solid #6FF3F3;outline-offset:3px}
.ird-meet{margin-left:6px;color:#5FD3E3;font:600 15px/1 Inter,Arial,sans-serif;text-decoration:none}
.ird-meet:hover{text-decoration:underline}

@media (max-width:1020px){.ird-grid{grid-template-columns:1fr;max-width:620px}.ird-reach{grid-template-columns:1fr}}
@media (max-width:600px){.ird{padding:68px 0 76px}.ird-wrap{padding:0 20px}.ird-sub{font-size:17px}.ird-body{padding:26px 20px 24px}.ird-btn{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.ird-card,.ird-img img{transition:none}}
