/* V1.11 - Chinese How We Work. Self-contained page stylesheet; existing approved files untouched. */
.process-page{background:#fff}
.process-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.process-hero{color:#fff;background:linear-gradient(115deg,#0d2936 0%,#123b45 64%,#19554d 100%);overflow:hidden}
.process-hero-inner{padding:69px 0 73px;display:flex;flex-direction:column;gap:45px}
.process-rule{width:49px;height:4px;display:block;border-radius:4px;background:#d8b884;margin-bottom:22px}
.process-hero h1{font-size:clamp(39px,7.7vw,68px);font-weight:800;letter-spacing:.02em;line-height:1.24;margin:0}
.process-hero-graphic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:530px;width:100%}
.process-hero-graphic span{color:#efd19e;text-align:center;font-weight:800;font-size:22px;border:1px solid #9cc0b958;background:#ffffff0c;border-radius:11px;padding:17px 0;position:relative}
.process-section{padding:71px 0 79px}
.process-steps{background:#f6f3ed}
.flow-grid{display:grid;grid-template-columns:1fr;gap:16px}
.flow-card{background:#fff;border:1px solid #dce6e3;border-radius:16px;box-shadow:0 7px 28px #102e3910;padding:27px 23px 30px;min-width:0}
.flow-index{font-variant-numeric:tabular-nums;display:inline-flex;justify-content:center;align-items:center;width:54px;height:54px;border-radius:12px;font-size:23px;color:#ebd2a5;font-weight:800;background:linear-gradient(130deg,#133b47,#225e5b);margin-bottom:23px}
.flow-card h3{font-size:clamp(22px,2.2vw,25px);font-weight:800;color:#143642;line-height:1.45;margin-bottom:14px;overflow-wrap:anywhere}
.flow-card p{font-size:18px;color:#455b62;line-height:1.92;margin:0;overflow-wrap:anywhere}
.fee-section{background:#fff}
.process-section-title{margin-bottom:30px}
.process-section-title h2{font-size:clamp(30px,4.4vw,40px);line-height:1.3;color:#153845;font-weight:800;margin:0}
.fee-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:15px}
.fee-item{min-width:0;border:1px solid #dce7e3;border-radius:15px;background:#f9fbfa;padding:25px 23px;display:flex;gap:17px;align-items:flex-start}
.fee-index{flex:0 0 auto;font-size:22px;font-weight:800;color:#b89664;font-variant-numeric:tabular-nums;line-height:1.45}
.fee-item h3{font-weight:800;color:#133b45;font-size:21px;line-height:1.48;margin:0 0 9px}
.fee-item p{color:#475e65;font-size:18px;line-height:1.9;margin:0;overflow-wrap:anywhere}
.boundary-section{background:#edf3f0}
.boundary-grid{margin:0;display:grid;grid-template-columns:1fr;gap:13px}
.boundary-item{border:1px solid #dce5df;background:#fff;border-radius:14px;min-width:0;overflow:hidden}
.boundary-item dt{background:#143d48;color:#fff;font-size:21px;line-height:1.5;padding:16px 21px;font-weight:800}
.boundary-item dd{font-size:18px;line-height:1.9;color:#3d565f;padding:19px 21px 22px;margin:0;overflow-wrap:anywhere}
.process-cta{background:#0d2a38;padding:56px 0}
.process-cta-inner{display:flex;align-items:center;flex-direction:column;gap:25px;text-align:center}
.process-cta p{font-size:clamp(20px,3.3vw,26px);font-weight:750;color:#fff;line-height:1.7;margin:0}
.process-cta .button-group{justify-content:center}
.process-cta .btn-outline{color:#fff;border-color:#95bfb7}
.process-cta .btn-outline:hover{background:#ffffff18}
.process-page .footer-primary p{font-size:15px;line-height:1.82}
.process-page .footer-bottom p{font-size:14px;line-height:1.85}
@media(min-width:700px){.process-hero-inner{flex-direction:row;justify-content:space-between;align-items:center;padding:87px 0 93px}.process-hero-graphic{max-width:340px;gap:9px}.process-hero-graphic span{font-size:18px}.process-section{padding:91px 0 101px}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.flow-card{padding:29px}.fee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.fee-item:last-child{grid-column:1/-1}.boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(min-width:1100px){.process-hero-graphic{max-width:390px}.flow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.flow-card{padding:27px 22px}.flow-card h3{font-size:22px}.flow-card p{font-size:18px}.fee-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fee-item:last-child{grid-column:auto}.boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}}
@media(max-width:420px){.process-hero-inner{padding:56px 0 59px;gap:35px}.process-hero h1{font-size:40px}.process-hero-graphic{gap:7px}.process-hero-graphic span{font-size:18px;padding:13px 0}.process-section{padding:55px 0 62px}.flow-card{padding:22px 19px 25px}.flow-card h3{font-size:23px}.flow-card p,.fee-item p,.boundary-item dd{font-size:17px;line-height:1.87}.fee-item{padding:22px 19px;gap:13px}.fee-item h3{font-size:20px}.boundary-item dt{font-size:20px}.boundary-item dd{padding:18px}.process-cta{padding:46px 0}.process-cta .button-group{flex-direction:column;width:100%}.process-cta .button-group>*{width:100%}}
