.tabs+main>.section[id]{scroll-margin-top:136px}
.placeholder{border:1px dashed #9fb3c1;background:#f7fafb;color:#728696;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:12px}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-intro h2,.block-head h2{font-size:34px;margin:12px 0}
.about-intro p,.block-head p{color:var(--muted);font-size:14px;line-height:1.9}
.photo-wall{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:180px 150px;gap:10px}
.photo-wall .placeholder:first-child{grid-row:span 2}
.proof-numbers{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:45px}
.proof-number{padding:25px;border-right:1px solid var(--line)}
.proof-number:last-child{border:0}
.proof-number b,.proof-number small{display:block}
.proof-number b{font-size:24px;color:#087fb7}
.proof-number small{margin-top:7px;color:#748796}
.pending{color:#e87437!important;font-size:12px!important}
.block-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}
.block-head>p{max-width:480px}
.timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.timeline:before{content:"";position:absolute;left:5%;right:5%;top:22px;height:1px;background:#9dc4cf}
.milestone{position:relative;padding-top:52px}
.milestone:before{content:"";position:absolute;top:14px;left:0;width:17px;height:17px;border-radius:50%;background:#fff;border:4px solid #1599b6}
.milestone time{color:#0a83ac;font-size:16px;font-weight:700}
.milestone h3{font-size:15px;margin:12px 0 7px}
.milestone p{font-size:11px;line-height:1.7;color:var(--muted)}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.capability-card{border:1px solid var(--line);padding:25px;background:#fff}
.capability-card span{font-size:25px;color:#0c91af}
.capability-card h3{font-size:16px}
.capability-card p{font-size:12px;color:var(--muted);line-height:1.75}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery .placeholder{height:180px}
.certificate-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.certificate{border:1px solid var(--line);padding:12px;background:#fff}
.certificate .placeholder{height:185px}
.certificate h3{font-size:12px;margin:13px 0 5px}
.certificate small{color:#8798a3}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.case-card{border:1px solid var(--line);background:#fff}
.case-card .placeholder{height:180px}
.case-copy{padding:20px}
.case-copy small{color:#1687a4}
.case-copy h3{font-size:16px}
.case-copy p{font-size:11px;color:var(--muted);line-height:1.7}
.data-checklist{background:#fff;border:1px solid var(--line);padding:25px}
.data-checklist h3{margin-top:0}
.data-checklist ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 28px;padding:0;list-style:none}
.data-checklist li{font-size:12px;color:#566d7d}
.data-checklist li:before{content:"□";color:#e87437;margin-right:8px}
@media(max-width:900px){.about-intro{grid-template-columns:1fr}
.proof-numbers,.gallery{grid-template-columns:1fr 1fr}
.timeline{grid-template-columns:1fr}
.timeline:before{display:none}
.milestone{padding:0 0 0 35px}
.milestone:before{top:2px}
.capability-grid,.case-grid{grid-template-columns:1fr 1fr}
.certificate-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){.proof-numbers,.gallery,.capability-grid,.case-grid,.certificate-grid{grid-template-columns:1fr}
.photo-wall{grid-template-columns:1fr;grid-template-rows:repeat(3,170px)}
.photo-wall .placeholder:first-child{grid-row:auto}
.block-head{display:block}
.data-checklist ul{grid-template-columns:1fr}
}