.region-hero{padding:48px 0 52px;background:linear-gradient(120deg,#eff5ff,#f9fbff);border-bottom:1px solid var(--line)}.region-hero h1{font-size:44px;margin:16px 0}.region-hero p,.region-intro{max-width:850px;font-size:18px;line-height:1.9}.region-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.region-section{padding-top:42px;padding-bottom:42px}.region-section>h2{font-size:28px}.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}.region-card{padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow-wrap:anywhere;display:block}.region-card h2{font-size:24px;margin:12px 0}.region-card h3{font-size:21px}.region-card p{font-size:16px;line-height:1.9;color:var(--text)}a.region-card:hover{border-color:var(--blue);box-shadow:0 8px 24px #123c6a0d}.region-tag{font-size:13px;color:var(--blue);background:#edf4ff;padding:5px 10px;display:inline-block;border-radius:4px}.region-link{display:inline-block;color:var(--blue);margin-top:8px;font-weight:600}.region-process{background:#f7f9fc}.region-process ol{list-style:none;counter-reset:steps;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.region-process li:before{counter-increment:steps;content:"0" counter(steps);display:block;color:var(--blue);font-size:28px;font-weight:700;margin-bottom:12px}.region-process p{line-height:1.8}.region-cta{background:#eff5ff;padding:36px;border-radius:12px}.region-cta h2{font-size:28px}.region-page a:focus-visible{outline:3px solid #185adb;outline-offset:4px}@media(max-width:1000px){.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.region-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.region-hero{padding:26px 0 32px}.region-hero h1{font-size:32px}.region-hero p{font-size:16px}.region-grid,.region-process ol{grid-template-columns:1fr}.region-section{padding-top:28px;padding-bottom:28px}.region-card,.region-cta{padding:22px}.region-section>h2,.region-cta h2{font-size:24px}.region-actions .button{width:100%;justify-content:center}.region-hero .breadcrumbs{flex-wrap:wrap}}

.region-photo{max-width:850px;margin:24px 0}.region-photo img{width:100%;height:auto;border-radius:10px}

.region-faq details{border:1px solid var(--line);border-radius:8px;background:#fff;margin-top:12px}.region-faq summary{cursor:pointer;padding:18px 22px;font-weight:650;line-height:1.7}.region-faq details p{padding:0 22px 20px;margin:0;line-height:1.9}.region-faq summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

/* Keep the desktop contact actions beside the image; retain mobile reading order. */
.region-hero-layout.has-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:48px;align-items:start}
.region-hero-layout.has-photo .region-hero-copy{grid-column:1;grid-row:1;min-width:0}
.region-hero-layout.has-photo .region-photo{grid-column:2;grid-row:1 / 3;align-self:center;width:100%;margin:0;min-width:0}
.region-hero-layout.has-photo .region-actions{grid-column:1;grid-row:2;margin-top:4px;gap:12px}
.region-hero-layout.has-photo .region-actions .button{padding:12px 20px}
.region-hero-layout.has-photo .region-intro{overflow-wrap:anywhere}
@media(max-width:900px){
.region-hero-layout.has-photo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0}
.region-hero-layout.has-photo .region-hero-copy{grid-column:1;grid-row:1}
.region-hero-layout.has-photo .region-photo{grid-column:1;grid-row:2;margin:4px 0 0}
.region-hero-layout.has-photo .region-actions{grid-column:1;grid-row:3;margin-top:24px}
}

.region-card.region-case-card{padding:0;overflow:hidden}
.region-case-image{display:block;background:var(--pale);aspect-ratio:16/10;overflow:hidden}
.region-case-image img{display:block;width:100%;height:100%;object-fit:cover}
.region-case-body{padding:24px}
.region-case-body .region-tag{margin-bottom:14px}
@media(max-width:600px){.region-case-body{padding:22px}}

/* Four-step cooperation flow, with explicit cards and mobile reading order. */
.region-process{background:linear-gradient(135deg,#eef4fc,#f7f9fd);border-block:1px solid #e0e8f4}
.region-process .region-section{padding-top:52px;padding-bottom:52px}
.region-process-heading{margin-bottom:30px;max-width:850px}
.region-process-heading .eyebrow{display:block;margin-bottom:12px}
.region-process-heading h2{font-size:28px;margin:0}
.region-process ol{gap:24px;margin:0}
.region-process li{position:relative;min-width:0;padding:26px 24px;background:#fff;border:1px solid #dce6f3;border-radius:14px;box-shadow:0 5px 16px rgba(7,30,80,.035)}
.region-process li:before{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:22px;border-radius:12px;background:#eaf2ff;font-size:22px;font-weight:750;line-height:1}
.region-process li h3{font-size:22px;margin:0 0 12px}
.region-process li p{font-size:16px;line-height:1.85;margin:0;overflow-wrap:anywhere}
.region-process li:last-child{background:#f8fbff;border-color:#b9d0f3}
.region-process li:last-child:before{color:#fff;background:var(--blue)}
@media(min-width:1001px){
.region-process li:not(:last-child):after{content:"→";position:absolute;right:-23px;top:36px;width:22px;text-align:center;color:#7093c6;font-size:18px;line-height:24px}
}
@media(max-width:600px){
.region-process .region-section{padding-top:32px;padding-bottom:32px}
.region-process-heading{margin-bottom:24px}
.region-process-heading h2{font-size:24px;line-height:1.5}
.region-process ol{gap:16px}
.region-process li{padding:22px 20px 22px 78px}
.region-process li:before{position:absolute;top:22px;left:20px;width:40px;height:40px;margin:0;font-size:19px;border-radius:10px}
.region-process li h3{font-size:21px;margin-bottom:8px}
.region-process li p{font-size:15px}
}