.clarity-section{background:#f3f7fa}.clarity-layout{border:1px solid #d5e2ec;border-radius:10px;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.clarity-intro{color:#fff;background:#0a365f;flex-direction:column;justify-content:center;padding:48px 40px;display:flex}.clarity-intro h2{margin-bottom:24px;font-size:clamp(32px,3vw,42px);line-height:1.15}.clarity-intro p{color:#c9dce9;max-width:40ch;margin:0;font-size:16px;line-height:1.75}.clarity-principles{background:#fff;padding:8px 34px}.clarity-principles article{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:18px;padding:26px 0;display:grid}.clarity-principles article+article{border-top:1px solid #dbe5ec}.clarity-principles svg{stroke:#5682a2;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px;margin-top:1px}.clarity-principles h3{margin-bottom:10px;font-size:20px;line-height:1.35}.clarity-principles p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}@media (max-width:930px){.clarity-intro{padding:36px 28px}.clarity-principles{padding-inline:24px}.clarity-principles article{gap:12px}}@media (max-width:650px){.clarity-layout{grid-template-columns:1fr}.clarity-intro{padding:30px 24px}.clarity-intro h2{margin-bottom:20px;font-size:31px}.clarity-intro p{font-size:15px}.clarity-principles{padding-inline:22px}.clarity-principles article{grid-template-columns:28px minmax(0,1fr);gap:12px;padding-block:22px}.clarity-principles svg{width:27px;height:27px}.clarity-principles h3{font-size:18px}}