/* /about — built only from the approved homepage tokens and patterns (styles.css). */
.about .about-hero{min-height:0;padding-bottom:30px}
.about .about-hero .vh-hero-sub{max-width:820px}
.about-section h2{text-align:center;margin-bottom:40px}
.about-soft{max-width:none;background:linear-gradient(#fff 0,#f5f5f7 120px,#f5f5f7 calc(100% - 120px),#fff 100%)}
.about-inner{max-width:1080px;margin:0 auto}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none}
.about-grid-2{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto}
.about-card{background:linear-gradient(130deg,#fafafa,#f1f2f4);border:1px solid #f8f9fa;border-radius:18px;box-shadow:0 7px 18px #011f2e05;padding:26px 25px}
.about-soft .about-card{background:white;border-color:#eceef0}
.about-card h3{font-size:21px;letter-spacing:-.03em;line-height:1.25;color:var(--navy)}
.about-card p{font-size:16px;line-height:1.55;color:var(--muted);margin-top:10px}
.about-card .about-role{color:var(--blue);margin-top:4px;font-size:15px}
.about-link{display:inline-block;margin-top:14px;font-size:15px;color:var(--blue)}
.about-link:hover,.about-lede a:hover,.about-facts a:hover{text-decoration:underline}
.about-lede{color:var(--muted);font-size:19px;max-width:760px;margin:-16px auto 34px;text-align:center}
.about-lede a,.about-facts a{color:var(--blue)}
.about-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
.about-split h2{text-align:left;margin:0}
.about-list{margin:0;padding:0;list-style:none}
.about-list li{position:relative;padding:14px 0 14px 26px;border-bottom:1px solid var(--line);font-size:18px;color:var(--ink)}
.about-list li:last-child{border-bottom:0}
.about-list li:before{content:"";position:absolute;left:0;top:25px;width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.about-steps{grid-template-columns:repeat(4,1fr);counter-reset:none}
.about-step{display:block;font-size:14px;font-weight:500;color:var(--blue);margin-bottom:8px}
.about-section>.button{display:flex;width:max-content;margin:34px auto 0}
.about-facts{max-width:900px;margin:0 auto;background:white;border:1px solid #eceef0;border-radius:22px;box-shadow:0 14px 45px #011f2e05;overflow:hidden}
.about-facts>div{display:grid;grid-template-columns:210px 1fr;gap:20px;padding:15px 26px;border-top:1px solid var(--line)}
.about-facts>div:first-child{border-top:0}
.about-facts dt{font-size:15px;font-weight:500;color:var(--navy)}
.about-facts dd{margin:0;font-size:15px;color:var(--muted)}
.about-faq summary h3{font-size:inherit;font-weight:inherit;letter-spacing:normal;line-height:inherit}
@media(max-width:1000px){.about-grid,.about-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
  .about-section h2{margin-bottom:26px}
  .about-grid,.about-grid-2,.about-steps{grid-template-columns:1fr}
  .about-split{grid-template-columns:1fr;gap:18px}
  .about-list li{font-size:16px}
  .about-lede{font-size:17px;margin-top:-6px}
  .about-facts>div{grid-template-columns:1fr;gap:2px;padding:13px 20px}
}
.about-ctas{display:flex;align-items:center;gap:22px;flex-wrap:wrap}