/* ResoSynth About page additions — intentionally isolated from core site styles. */
.rsa-hero{padding-bottom:82px}
.rsa-story-section{padding-top:78px}
.rsa-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.rsa-story-intro h2{margin:9px 0 0;font-size:clamp(34px,4.4vw,54px);line-height:1.08;letter-spacing:-.04em}
.rsa-story-copy{color:#9fb0c9;font-size:17px;line-height:1.85}
.rsa-story-copy p{margin:0 0 20px}
.rsa-story-copy .rsa-emphasis{color:#d9e8ff;font-size:22px;font-weight:760;letter-spacing:-.02em;margin-top:28px}

.rsa-history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rsa-history-card{min-height:300px;padding:28px 24px;border:1px solid #263754;border-radius:18px;background:linear-gradient(155deg,#0f1d32,#0b1728)}
.rsa-history-card>span{display:inline-flex;padding:6px 9px;border-radius:8px;background:#142a48;color:#80aff7;font-size:11px;font-weight:850;letter-spacing:.12em}
.rsa-history-card h3{margin:34px 0 12px;font-size:21px;letter-spacing:-.02em}
.rsa-history-card p{margin:0;color:#98abc7;font-size:13.5px;line-height:1.72}
.rsa-history-card-accent{border-color:#356579;background:linear-gradient(155deg,#102b3c,#0d1a2d)}

.rsa-flow{display:grid;grid-template-columns:repeat(11,auto);gap:10px;align-items:stretch;padding:16px;border:1px solid #283c5b;border-radius:18px;background:#0b1728;overflow-x:auto}
.rsa-flow>div{min-width:150px;padding:18px 15px;border-radius:13px;background:#0f1f35;border:1px solid #213553}
.rsa-flow>div span{display:block;color:#78a7ef;font-size:10px;font-weight:850;letter-spacing:.14em}
.rsa-flow>div strong{display:block;margin-top:6px;color:#eaf2ff;font-size:14px}
.rsa-flow>div small{display:block;margin-top:5px;color:#8598b7;font-size:11.5px;line-height:1.45}
.rsa-flow>i{align-self:center;color:#4e6587;font-style:normal;font-size:18px}
.rsa-goal-copy{max-width:820px;margin:30px auto 0;text-align:center;color:#a9bad4;font-size:17px;line-height:1.75}

.rsa-pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rsa-pillar{padding:38px 34px;border:1px solid #293d5c;border-radius:20px;background:linear-gradient(150deg,#101e34,#0b1728)}
.rsa-pillar-accent{border-color:#3a5f96;background:linear-gradient(150deg,#132847,#0d1a2e)}
.rsa-pillar h2{margin:10px 0 18px;font-size:clamp(29px,3.5vw,42px);line-height:1.1;letter-spacing:-.035em}
.rsa-pillar p{margin:0 0 14px;color:#9fb0c9;font-size:15px;line-height:1.8}

.rsa-engineer-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:start}
.rsa-engineer-grid h2{margin:9px 0 18px;font-size:clamp(34px,4.2vw,50px);line-height:1.08;letter-spacing:-.04em}
.rsa-principles{display:grid;gap:12px}
.rsa-principles>div{display:flex;gap:15px;padding:19px 20px;border:1px solid #263754;border-radius:14px;background:#0d192c}
.rsa-principles>div>span{flex:0 0 29px;width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#15325a;color:#8bb8ff;font-weight:900}
.rsa-principles p{margin:0}
.rsa-principles strong{display:block;font-size:14px}
.rsa-principles small{display:block;margin-top:4px;color:#93a7c4;font-size:12.5px;line-height:1.58}

.rsa-looking-ahead{padding-top:34px}
.rsa-looking-card{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:center;padding:44px;border-radius:22px;border:1px solid #31517e;background:radial-gradient(circle at 85% 20%,rgba(72,132,226,.18),transparent 30%),linear-gradient(145deg,#11233e,#0b1729)}
.rsa-looking-card h2{margin:10px 0 16px;font-size:clamp(31px,3.8vw,46px);line-height:1.08;letter-spacing:-.04em}
.rsa-looking-card p{margin:0;color:#9fb1cb;font-size:15.5px;line-height:1.8}
.rsa-looking-mark{padding:30px;border-left:1px solid #294568}
.rsa-looking-mark strong{display:block;color:#fff;font-size:30px;letter-spacing:-.04em}
.rsa-looking-mark span{display:block;margin-top:10px;color:#8fb8f6;font-size:15px;line-height:1.55;font-weight:700}

@media (max-width:980px){
  .rsa-story-grid,.rsa-pillar-grid,.rsa-engineer-grid,.rsa-looking-card{grid-template-columns:1fr;gap:34px}
  .rsa-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rsa-looking-mark{border-left:0;border-top:1px solid #294568;padding:26px 0 0}
}
@media (max-width:680px){
  .rsa-history-grid{grid-template-columns:1fr}
  .rsa-history-card{min-height:0}
  .rsa-pillar,.rsa-looking-card{padding:26px 22px}
  .rsa-story-copy{font-size:16px}
}