/* about.css — page-specific styles */

.body{color:var(--muted);font-size:1.05rem;max-width:58ch;margin-top:20px}
.note{margin-top:22px;font-family:'IBM Plex Mono',monospace;font-size:.7rem;color:var(--muted);letter-spacing:.06em}
.card h3{font-size:1rem;font-weight:600;margin-bottom:8px}
.card p{color:var(--muted);font-size:.92rem}
.card .num{font-family:'IBM Plex Mono',monospace;font-size:.66rem;color:var(--steel);letter-spacing:.2em;margin-bottom:12px}
.card .impl{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:.85rem;color:var(--text)}
.card .impl::before{content:'RAVEN FORESIGHT → ';font-family:'IBM Plex Mono',monospace;font-size:.58rem;letter-spacing:.14em;color:var(--violet)}
.tile .num{font-size:.86rem;letter-spacing:.15em;color:#9DBBFF}
.partners{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.pcard{border:1px solid var(--line);border-radius:16px;background:rgba(13,20,31,.78);backdrop-filter:blur(8px);
    padding:28px 26px;display:flex;flex-direction:column;transition:border-color .25s,transform .25s var(--ease)}
.pcard:hover{border-color:rgba(123,200,255,.5);transform:translateY(-3px)}
.plogo{height:92px;border-radius:12px;background:#0A1220;border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;padding:16px;margin-bottom:18px}
.plogo img{max-height:60px;width:auto}
.plogo .ph{font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.16em;color:#6F86A8;text-transform:uppercase;text-align:center}
.ptype{font-family:'IBM Plex Mono',monospace;font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
    color:#9DBBFF;margin-bottom:9px;display:flex;align-items:center;gap:8px}
.ptype .dot{width:6px;height:6px;border-radius:50%;background:var(--grad)}
.pcard h3{font-size:1.05rem;font-weight:600;margin-bottom:9px}
.pcard p{color:var(--muted);font-size:.9rem;line-height:1.55;flex:1}
.plink{display:inline-block;align-self:flex-start;margin-top:16px;font-family:'IBM Plex Mono',monospace;font-size:.72rem;font-weight:500;
    letter-spacing:.12em;text-transform:uppercase;color:#EAF2FF;background:rgba(94,139,255,.16);
    border:1px solid rgba(123,200,255,.5);border-radius:99px;padding:9px 17px;transition:all .2s}
.plink:hover{color:#0B1220;background:var(--grad);border-color:transparent}
.plogo img{max-height:60px;width:auto}
.logo-ocsf{max-height:74px!important}
.plogo.badge-plate{padding:0;overflow:hidden;background:#0A1220;border-color:rgba(140,165,210,.22)}
.logo-msft{max-height:92px!important;height:92px;width:auto;display:block}
@media (max-width:920px){
    .nav-links{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;background:var(--raven);border-bottom:1px solid var(--line);padding:18px 32px;gap:16px}
    .nav-links.open{display:flex}
    .menu-toggle{display:block}.nav .btn{display:none}
    .grid2,.cards2,.cards3{grid-template-columns:1fr}
    .cards5{grid-template-columns:1fr 1fr}
    .partners{grid-template-columns:1fr}
    .hero{padding:130px 0 50px}
    section{padding:50px 0}
    
  }