.page-chaozhou { --cz-ink:#14201f; --cz-deep:#111d1c; --cz-jade:#55d7c0; --cz-celadon:#bde8dc; --cz-clay:#bd5b42; --cz-orange:#f4754d; --cz-paper:#f4f1e9; --cz-line:rgba(29,61,54,.15); --accent:#147c6d; background:var(--cz-paper); color:var(--cz-ink); }
.page-chaozhou .city-shell { width:min(1220px,calc(100% - 48px)); }
.page-chaozhou .city-eyebrow { color:#147c6d; }
.page-chaozhou h1,.page-chaozhou h2,.page-chaozhou h3,.page-chaozhou p { overflow-wrap:anywhere; }

.cz-hero { position:relative; min-height:770px; overflow:hidden; background:#101b1b; color:#fff; }
.cz-hero-media,.cz-hero-media picture,.cz-hero-media img,.cz-hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.cz-hero-media img { display:block; object-fit:cover; object-position:center; }
.cz-hero-shade { background:linear-gradient(90deg,rgba(12,21,22,.96) 0%,rgba(12,21,22,.78) 40%,rgba(12,21,22,.16) 71%,rgba(12,21,22,.22) 100%),linear-gradient(0deg,rgba(12,22,21,.68),transparent 50%); }
.cz-hero-shell { position:relative; min-height:770px; }
.cz-crumb { position:relative; z-index:2; color:rgba(255,255,255,.55); }
.cz-crumb a { color:inherit; }.cz-crumb i { color:rgba(255,255,255,.25); }.cz-crumb strong { color:rgba(255,255,255,.86); }
.cz-hero-copy { position:relative; z-index:3; width:min(650px,57%); padding:94px 0 155px; }
.cz-hero-copy .city-eyebrow { color:var(--cz-jade); }
.cz-hero-copy h1 { margin:0; font-size:clamp(51px,4.6vw,58px); line-height:1.04; letter-spacing:-.06em; }
.cz-hero-copy h1 span { display:block; margin-top:9px; color:var(--cz-celadon); }
.cz-hero-copy > p:last-of-type { margin:27px 0 0; color:rgba(237,247,243,.7); font-size:17px; line-height:1.9; }
.cz-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.cz-actions a { display:flex; align-items:center; justify-content:space-between; min-width:190px; min-height:54px; padding:0 20px; border:1px solid rgba(215,243,235,.28); color:#fff; font-size:14px; font-weight:850; text-decoration:none; transition:.22s ease; }
.cz-actions a:first-child { background:var(--cz-celadon); border-color:var(--cz-celadon); color:#113a34; }
.cz-actions a:hover { transform:translateY(-2px); border-color:var(--cz-jade); }
.cz-hero-steps { position:absolute; z-index:3; right:0; bottom:28px; left:0; display:grid; grid-template-columns:repeat(5,1fr); width:min(660px,59%); margin:0; padding:0; border-top:1px solid rgba(255,255,255,.18); list-style:none; }
.cz-hero-steps li { position:relative; padding:21px 6px 4px 0; }
.cz-hero-steps li::before { position:absolute; top:-3px; right:0; left:14px; height:1px; background:linear-gradient(90deg,var(--cz-jade),transparent); content:""; }
.cz-hero-steps i { display:block; width:11px; height:11px; margin-bottom:7px; border:1px solid var(--cz-orange); border-radius:50%; box-shadow:0 0 11px rgba(244,117,77,.55); }
.cz-hero-steps b,.cz-hero-steps small { display:block; }
.cz-hero-steps b { color:var(--cz-jade); font-size:9px; letter-spacing:.12em; }.cz-hero-steps small { margin-top:3px; color:rgba(255,255,255,.68); font-size:11px; }
.cz-first-ad { background:#dfe6df; }

.cz-intro { background:#f5f1e7; }
.cz-intro-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr); gap:55px; align-items:end; }
.cz-intro h2,.cz-check h2,.cz-notes h2,.cz-growth h2,.cz-faq h2 { margin:0; font-size:clamp(43px,3.65vw,47px); line-height:1.08; letter-spacing:-.055em; }
.cz-intro-grid > p { margin:0 0 4px; color:#66776f; font-size:15px; line-height:1.9; }
.cz-intro ol { grid-column:1/-1; display:grid; grid-template-columns:repeat(5,1fr); margin:35px 0 0; padding:0; border-top:1px solid var(--cz-line); border-left:1px solid var(--cz-line); list-style:none; }
.cz-intro li { min-height:180px; padding:24px; border-right:1px solid var(--cz-line); border-bottom:1px solid var(--cz-line); }
.cz-intro li > i { color:var(--cz-clay); font-size:10px; font-style:normal; font-weight:900; }
.cz-intro li span { display:block; margin-top:50px; }.cz-intro li b,.cz-intro li small { display:block; }.cz-intro li b { font-size:17px; }.cz-intro li small { margin-top:8px; color:#77847e; font-size:11px; line-height:1.6; }

.cz-timeline { position:relative; background:#13201f; color:#fff; }
.cz-line { position:absolute; z-index:1; top:100px; bottom:100px; left:50%; width:2px; background:linear-gradient(180deg,transparent,var(--cz-jade) 4%,rgba(85,215,192,.35) 96%,transparent); }
.cz-line::before,.cz-line::after { position:absolute; left:-6px; width:14px; height:14px; border:2px solid var(--cz-orange); border-radius:50%; background:#13201f; content:""; }
.cz-line::before { top:2%; }.cz-line::after { bottom:2%; }
.cz-check { position:relative; z-index:2; background:transparent; }
.cz-check-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:96px; align-items:center; }
.cz-no { display:flex; align-items:center; gap:13px; margin:0 0 24px; color:var(--cz-jade); font-size:10px; font-weight:900; letter-spacing:.16em; }
.cz-no > i { display:grid; width:40px; height:40px; flex:0 0 auto; place-items:center; border:1px solid rgba(85,215,192,.45); border-radius:50%; color:var(--cz-orange); font-style:normal; }
.cz-check-copy > p:not(.cz-no),.cz-change-grid header > p:not(.cz-no),.cz-growth-copy > p:not(.cz-no) { margin:24px 0 30px; color:rgba(228,243,238,.63); font-size:15px; line-height:1.9; }
.cz-check figure,.cz-growth figure { min-width:0; margin:0; border:1px solid rgba(255,255,255,.13); background:#0b1716; }
.cz-check figure img,.cz-growth figure img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.cz-check figcaption,.cz-growth figcaption { display:flex; align-items:center; gap:9px; padding:14px 16px; color:rgba(230,245,240,.52); font-size:9px; letter-spacing:.07em; }
.cz-check figcaption i,.cz-growth figcaption i { width:17px; height:1px; background:linear-gradient(90deg,var(--cz-jade),var(--cz-orange)); }
.cz-check dl { margin:0; border-top:1px solid rgba(255,255,255,.13); }
.cz-check dl > div { display:grid; grid-template-columns:78px 1fr; gap:16px; padding:17px 0; border-bottom:1px solid rgba(255,255,255,.13); }
.cz-check dt { color:var(--cz-orange); font-size:11px; font-weight:900; }.cz-check dd { margin:0; color:rgba(235,247,243,.74); font-size:13px; }
.cz-boundary { padding-left:15px; border-left:2px solid var(--cz-orange); font-size:12px !important; }

.cz-check-accounting { background:#f0eee6; color:var(--cz-ink); }
.cz-check-accounting .cz-check-copy > p:not(.cz-no) { color:#60726a; }
.cz-check-accounting figure { border-color:var(--cz-line); }.cz-check-accounting figcaption { background:#13201f; }
.cz-check-accounting ol { margin:0; padding:0; border-top:1px solid var(--cz-line); list-style:none; }
.cz-check-accounting li { display:grid; grid-template-columns:38px 1fr; gap:13px; align-items:center; min-height:70px; border-bottom:1px solid var(--cz-line); }
.cz-check-accounting li > i { display:grid; width:28px; height:28px; place-items:center; border:1px solid rgba(20,124,109,.28); border-radius:50%; color:#147c6d; font-size:9px; font-style:normal; }
.cz-check-accounting li b,.cz-check-accounting li small { display:block; }.cz-check-accounting li b { font-size:14px; }.cz-check-accounting li small { margin-top:4px; color:#74827c; font-size:11px; }

.cz-check-change { background:#13201f; }
.cz-change-grid { display:grid; grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr); gap:86px; align-items:start; }
.cz-service-list { border-top:1px solid rgba(255,255,255,.13); }
.cz-service-list a { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:16px; align-items:center; min-height:103px; border-bottom:1px solid rgba(255,255,255,.13); color:#fff; text-decoration:none; transition:padding .2s ease,background .2s ease; }
.cz-service-list a:hover { padding:0 14px; background:rgba(85,215,192,.06); }
.cz-service-list > a > i { color:var(--cz-orange); font-size:10px; font-style:normal; }.cz-service-list span b,.cz-service-list span small { display:block; }.cz-service-list span b { font-size:17px; }.cz-service-list span small { margin-top:7px; color:rgba(230,243,239,.5); font-size:12px; }.cz-service-list em { color:var(--cz-jade); font-size:11px; font-style:normal; }

.cz-check-platform { background:#dfe8e1; color:var(--cz-ink); }
.cz-platform-head { display:grid; grid-template-columns:250px minmax(0,1fr); gap:54px; align-items:start; margin-bottom:45px; }
.cz-platform-head > .cz-no { margin-top:7px; color:#147c6d; }
.cz-platform-head div > p { max-width:810px; margin:22px 0 0; color:#5d7068; line-height:1.9; }
.cz-platform-board { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr); background:#12201f; }
.cz-platform-board > figure { padding:24px; border:0; }.cz-platform-board > figure img { aspect-ratio:auto; border:1px solid rgba(255,255,255,.12); }.cz-platform-board > figure figcaption { display:flex; justify-content:space-between; }.cz-platform-board > figure figcaption b { color:var(--cz-jade); }
.cz-workspaces { display:grid; grid-template-columns:repeat(2,1fr); border-left:1px solid rgba(255,255,255,.13); }
.cz-workspaces article { min-height:240px; padding:27px; border-right:1px solid rgba(255,255,255,.13); border-bottom:1px solid rgba(255,255,255,.13); color:#fff; }
.cz-workspaces i { color:var(--cz-orange); font-size:10px; font-style:normal; }.cz-workspaces h3 { margin:62px 0 11px; font-size:20px; }.cz-workspaces p { margin:0; color:rgba(226,242,237,.56); font-size:12px; line-height:1.75; }

.cz-notes { background:#f5f1e8; }
.cz-notes-head { display:grid; grid-template-columns:205px minmax(0,1.22fr) minmax(290px,.78fr); gap:42px; align-items:end; margin-bottom:47px; }
.cz-notes-head > p:last-child { margin:0 0 3px; color:#64766f; font-size:14px; line-height:1.85; }
.cz-notes-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--cz-line); border-left:1px solid var(--cz-line); }
.cz-notes-grid a { display:flex; flex-direction:column; min-height:360px; padding:28px; border-right:1px solid var(--cz-line); border-bottom:1px solid var(--cz-line); text-decoration:none; transition:.22s ease; }
.cz-notes-grid a:hover { background:#152321; color:#fff; }.cz-notes-grid i { color:var(--cz-clay); font-size:10px; font-style:normal; font-weight:900; }.cz-notes-grid small { margin-top:24px; color:#728078; }.cz-notes-grid h3 { margin:48px 0 18px; font-size:21px; line-height:1.48; }.cz-notes-grid b { margin-top:auto; color:#147c6d; font-size:11px; }.cz-notes-grid a:hover small { color:rgba(235,246,242,.52); }.cz-notes-grid a:hover b { color:var(--cz-jade); }

.cz-growth { background:#dce7e1; }
.cz-growth-grid { display:grid; grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr); gap:72px; align-items:center; }
.cz-growth-copy .cz-no { color:#147c6d; }.cz-growth-copy > p:not(.cz-no) { color:#5d7068; }
.cz-growth-copy > div { border-top:1px solid var(--cz-line); }.cz-growth-copy a { display:block; padding:18px 0; border-bottom:1px solid var(--cz-line); text-decoration:none; }.cz-growth-copy a small,.cz-growth-copy a b { display:flex; justify-content:space-between; }.cz-growth-copy a small { color:#718079; }.cz-growth-copy a b { margin-top:7px; color:#147c6d; font-size:14px; }
.cz-growth figure { background:#13201f; border-color:rgba(20,65,57,.16); }

.cz-faq { background:#f4f2eb; }
.cz-faq-grid { display:grid; grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr); gap:88px; }
.cz-faq header { position:sticky; top:122px; align-self:start; }.cz-faq header > p:last-child { margin:24px 0 0; color:#64766f; line-height:1.85; }
.cz-faq-list { border-top:1px solid var(--cz-line); }.cz-faq-list details { border-bottom:1px solid var(--cz-line); }.cz-faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:96px; padding:18px 0; cursor:pointer; list-style:none; font-size:17px; font-weight:850; }.cz-faq-list summary::-webkit-details-marker { display:none; }.cz-faq-list summary span { display:flex; align-items:center; gap:15px; }.cz-faq-list summary i { color:#147c6d; font-size:10px; font-style:normal; }.cz-faq-list summary b { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border:1px solid var(--cz-line); border-radius:50%; color:var(--cz-clay); font-weight:400; transition:transform .2s ease; }.cz-faq-list details[open] summary b { transform:rotate(45deg); }.cz-faq-list details p { margin:-2px 52px 28px 42px; color:#61756d; font-size:14px; line-height:1.9; }
.cz-final-ad { background:#101d1b; }.cz-final { background:#111e1c; }.cz-final-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:82px; align-items:end; }.cz-final small { color:var(--cz-orange); font-size:10px; letter-spacing:.18em; }.cz-final h2 { max-width:760px; margin:16px 0 0; font-size:clamp(43px,3.65vw,47px); line-height:1.08; letter-spacing:-.055em; }.cz-final p { margin:0; color:rgba(231,244,239,.62); line-height:1.9; }

@media(max-width:1080px){.cz-intro-grid,.cz-platform-head,.cz-notes-head{grid-template-columns:1fr;gap:20px}.cz-intro ol{grid-template-columns:repeat(3,1fr)}.cz-check-grid{gap:64px}.cz-platform-board{grid-template-columns:1fr}.cz-workspaces{border-top:1px solid rgba(255,255,255,.13);border-left:0}.cz-workspaces article{min-height:195px}.cz-notes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.page-chaozhou .city-shell{width:min(100% - 32px,1220px)}.cz-hero-copy{width:80%}.cz-line{left:27px}.cz-check-grid,.cz-change-grid,.cz-growth-grid,.cz-faq-grid,.cz-final-grid{grid-template-columns:1fr}.cz-check-grid{gap:38px;padding-left:43px}.cz-check-accounting figure{order:2}.cz-check-accounting .cz-check-copy{order:1}.cz-platform-head,.cz-platform-board,.cz-change-grid{margin-left:43px}.cz-faq header{position:relative;top:auto}.cz-growth-grid{gap:38px}}
@media(max-width:700px){.page-chaozhou .city-shell{width:min(100% - 28px,1220px)}.page-chaozhou .city-section{padding:76px 0}.cz-hero,.cz-hero-shell{min-height:720px}.cz-hero-media img{object-position:center bottom}.cz-hero-shade{background:linear-gradient(180deg,rgba(12,21,22,.92) 0%,rgba(12,21,22,.75) 50%,rgba(12,21,22,.2) 77%,rgba(12,21,22,.67) 100%)}.cz-crumb{padding-top:16px}.cz-hero-copy{width:100%;padding:64px 0 134px}.cz-hero-copy h1{font-size:39px;line-height:1.08}.cz-hero-copy>p:last-of-type{max-width:350px;margin-top:20px;font-size:14px;line-height:1.75}.cz-actions{margin-top:24px}.cz-actions a{min-width:0;min-height:48px;padding:0 14px;font-size:12px}.cz-hero-steps{right:14px;bottom:20px;left:14px;width:auto}.cz-hero-steps li{padding-right:2px}.cz-hero-steps li::before{left:9px}.cz-hero-steps i{width:8px;height:8px}.cz-hero-steps b{display:none}.cz-hero-steps small{font-size:9px}.cz-intro h2,.cz-check h2,.cz-notes h2,.cz-growth h2,.cz-faq h2{font-size:32px;line-height:1.12}.cz-intro ol{grid-template-columns:1fr}.cz-intro li{min-height:150px}.cz-intro li span{margin-top:30px}.cz-line{left:16px}.cz-check-grid{gap:30px;padding-left:23px}.cz-check-copy>p:not(.cz-no),.cz-change-grid header>p:not(.cz-no),.cz-growth-copy>p:not(.cz-no){font-size:14px}.cz-check figcaption,.cz-growth figcaption{gap:5px;overflow:hidden;font-size:8px;white-space:nowrap}.cz-check figcaption i,.cz-growth figcaption i{width:7px}.cz-check dl>div{grid-template-columns:62px 1fr}.cz-platform-head,.cz-platform-board,.cz-change-grid{margin-left:23px}.cz-platform-board>figure{padding:12px}.cz-workspaces{grid-template-columns:1fr}.cz-workspaces article{min-height:155px;padding:22px}.cz-workspaces h3{margin-top:33px}.cz-service-list a{grid-template-columns:34px minmax(0,1fr);min-height:106px;gap:10px}.cz-service-list em{display:none}.cz-notes-grid{grid-template-columns:1fr}.cz-notes-grid a{min-height:315px;padding:24px}.cz-notes-grid h3{margin-top:38px;font-size:19px}.cz-faq-grid{gap:38px}.cz-faq-list summary{min-height:90px;font-size:15px;line-height:1.5}.cz-faq-list summary span{gap:9px}.cz-faq-list summary b{width:30px;height:30px}.cz-faq-list details p{margin:0 0 24px 25px;font-size:13px}.cz-final-grid{gap:28px}.cz-final h2{font-size:34px}.cz-final p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.page-chaozhou *,.page-chaozhou *::before,.page-chaozhou *::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}