.catalog-groups{display:grid;gap:60px}.catalog-group-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:23px}.catalog-group-head h2{font-size:32px;margin:0}.catalog-group-head p{max-width:580px;font-size:12px;line-height:1.8;color:var(--muted);margin:0}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.catalog-item{min-height:230px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;background:#fff;transition:.2s}.catalog-item:hover{background:#edf7fb;transform:translateY(-2px)}.catalog-item span{font-size:10px;color:var(--cyan)}.catalog-item h3{font-size:19px;margin:30px 0 10px}.catalog-item p{font-size:11px;line-height:1.75;color:var(--muted)}.catalog-item b{margin-top:auto;font-size:10px;color:var(--blue)}.detail-summary{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.detail-summary article{padding:30px;background:#fff;border:1px solid var(--line)}.detail-summary h3{font-size:20px;margin:0 0 15px}.detail-summary p,.detail-summary li{font-size:12px;line-height:1.85;color:var(--muted)}.detail-summary ul{padding-left:18px;margin:0}.detail-tags{display:flex;gap:8px;flex-wrap:wrap}.detail-tags span{font-size:10px;padding:8px 10px;background:#eaf4f8;color:#426a7f}.related-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.related-links a{font-size:10px;padding:11px 13px;border:1px solid var(--line);background:#fff;color:var(--blue)}
@media(max-width:1050px){.catalog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.catalog-group-head{align-items:flex-start;flex-direction:column;gap:12px}.catalog-grid,.detail-summary{grid-template-columns:1fr}}
.project-hero{min-height:500px;padding-top:135px}.project-hero h1{font-size:clamp(44px,5.4vw,72px)}.project-code{display:inline-flex;padding:8px 10px;border:1px solid rgba(255,255,255,.28);font-size:10px;letter-spacing:.12em;margin-bottom:24px}.project-intro{max-width:850px}.project-fact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.project-fact{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:180px}.project-fact span{font-size:9px;color:var(--cyan);letter-spacing:.12em}.project-fact h3{font-size:18px;margin:24px 0 10px}.project-fact p{font-size:11px;line-height:1.8;color:var(--muted)}.project-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-column{padding:32px;background:#fff;border:1px solid var(--line)}.project-column h3{font-size:21px;margin:0 0 18px}.project-column ul{margin:0;padding-left:18px}.project-column li{font-size:12px;line-height:1.9;color:var(--muted)}.project-caution{padding:25px 28px;background:#eaf5fa;border-left:4px solid var(--cyan);font-size:12px;line-height:1.85;color:#456579;margin-top:25px}.project-caution.green{background:#eaf7f1;border-color:var(--green);color:#456c5d}.project-prepare{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.project-prepare div{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.project-prepare b{display:block;color:var(--blue);font-size:10px;margin-bottom:18px}.project-prepare strong{font-size:14px}.project-prepare p{font-size:10px;line-height:1.75;color:var(--muted);margin:9px 0 0}@media(max-width:900px){.project-fact-grid{grid-template-columns:1fr}.project-prepare{grid-template-columns:1fr 1fr}}@media(max-width:680px){.project-columns,.project-prepare{grid-template-columns:1fr}.project-hero{min-height:640px}}

/* Service-detail marketing sections */
.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.advantage-card{min-height:235px;padding:30px 27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.advantage-card span{display:block;font-size:10px;letter-spacing:.1em;color:var(--cyan)}
.advantage-card h3{margin:28px 0 12px;font-size:18px;line-height:1.35}
.advantage-card p{margin:0;font-size:11px;line-height:1.85;color:var(--muted)}
.advantage-assurance{margin-top:18px;padding:17px 21px;background:#eaf5fa;border-left:4px solid var(--cyan);font-size:11px;line-height:1.8;color:#456579}
.experience-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.experience-case{position:relative;min-height:250px;padding:32px;background:#08283a;color:#fff;overflow:hidden}
.experience-case:after{content:attr(data-index);position:absolute;right:20px;bottom:-26px;font-size:110px;font-weight:800;line-height:1;color:rgba(255,255,255,.035)}
.experience-case small{display:block;position:relative;z-index:1;font-size:9px;letter-spacing:.13em;color:#20b8ed}
.experience-case h3{position:relative;z-index:1;margin:26px 0 13px;font-size:22px;line-height:1.4;max-width:86%}
.experience-case p{position:relative;z-index:1;margin:0;font-size:11px;line-height:1.85;color:#b7c9d4;max-width:92%}
.experience-tags{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}
.experience-tags span{padding:7px 9px;border:1px solid rgba(255,255,255,.18);font-size:9px;color:#d7e6ed}
.client-wall{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:18px}
.client-chip{min-height:92px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;background:#fff}
.client-chip strong{font-size:13px;line-height:1.55;color:#17374a}
.experience-note{margin:18px 0 0;font-size:10px;line-height:1.8;color:var(--muted)}
@media(max-width:1000px){.advantage-grid,.client-wall{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.advantage-grid,.experience-showcase,.client-wall{grid-template-columns:1fr}.advantage-card{min-height:0}.experience-case{min-height:230px}}

.project-section-explainer{max-width:820px;margin:0 0 40px}
.project-section-explainer p{margin:0;color:#0879c9;font-size:10px;font-weight:700;letter-spacing:.18em}
.project-section-explainer h2{margin:12px 0 14px;color:#102538;font-size:clamp(28px,3vw,42px);line-height:1.28;letter-spacing:-.035em}
.project-section-explainer span{display:block;color:#667887;font-size:13px;line-height:1.85}