.about-page{max-width:1020px;margin:0 auto;padding-top:48px;display:grid;gap:24px}
.about-panel{background:var(--surface);border:1px solid rgba(15,23,42,0.1);border-radius:18px;box-shadow:0 12px 28px rgba(15,23,42,0.06);padding:clamp(22px,3vw,36px)}
.about-page h1,.about-page h2,.about-page h3{text-align:left;line-height:1.2}
.about-page h1{font-size:clamp(32px,5vw,46px);margin-bottom:16px}
.about-page h2{font-size:clamp(28px,4vw,36px);margin-top:0;margin-bottom:12px}
.about-page ul{margin:0 0 18px 28px;padding:0}
.about-page li{margin-bottom:6px}
.about-signature{text-align:right;margin:18px 0 0;font-size:clamp(18px,2.2vw,24px)}
.barrier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 20px}
.barrier-card{background:linear-gradient(155deg,#ffffff,#f6fbff);border:1px solid rgba(15,23,42,0.18);border-top:5px solid #63c3e2;border-radius:12px;padding:16px 18px;box-shadow:0 6px 16px rgba(15,23,42,0.05);font-family:var(--sans);font-size:clamp(19px,2vw,24px);line-height:1.35;font-weight:600}
.what-is-section{margin-top:0;padding-top:0;border-top:none}
.what-is-section h2{margin-top:0;margin-bottom:14px}
.what-is-section h3{margin:20px 0 8px;font-size:clamp(24px,3.2vw,34px);line-height:1.1}
.what-is-subhead{margin:14px 0 6px;font-family:var(--sans);font-size:clamp(19px,2.5vw,28px);line-height:1.2;font-weight:600}
.what-is-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 16px}
.what-is-card{background:linear-gradient(160deg,#ffffff,#f8fcff);border:1px solid rgba(15,23,42,0.18);border-top:5px solid #63c3e2;border-radius:12px;padding:14px 16px;box-shadow:0 6px 14px rgba(15,23,42,0.05);font-family:var(--serif);font-size:clamp(18px,1.9vw,23px);line-height:1.32;font-weight:600}
.what-is-highlight{margin-top:18px;background:linear-gradient(120deg,#e8f6fb,#d5edf5);border-radius:12px;border-left:6px solid #2d8cab;padding:14px 18px;font-family:var(--serif);font-size:clamp(20px,2.2vw,30px);line-height:1.2;font-weight:600}
@media (max-width:980px){.what-is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){.barrier-grid,.what-is-grid{grid-template-columns:1fr}.about-page{gap:18px}.about-signature{text-align:left}}