:root { --ink:#083b3c; --teal:#087a74; --mint:#d8efeb; --paper:#f7fbfa; --coral:#ec8a6c; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
a { color:inherit; text-decoration:none; }
.hero { min-height:680px; color:#fff; background:linear-gradient(132deg,#063d3d 0%,#075e5b 62%,#0a716d 100%); padding:0 clamp(24px,8vw,130px); overflow:hidden; }
.nav { height:92px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.22); }
.brand,.eyebrow,.section-tag { font-size:12px; letter-spacing:.16em; font-weight:700; }.brand span { padding:0 8px; color:#9adbd3; }.nav-links { display:flex; gap:30px; font-size:14px; }.nav-links a:hover { color:#9adbd3; }
.hero-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:50px; max-width:1240px; margin:0 auto; padding:104px 0 85px; align-items:center; }.eyebrow { color:#9adbd3; margin:0 0 18px; }.hero h1 { font-family:Georgia,"Songti SC",serif; font-size:clamp(68px,9vw,122px); line-height:.95; letter-spacing:.03em; margin:0; }.role { font-size:clamp(18px,2vw,25px); margin:26px 0 17px; }.intro { max-width:520px; color:#d3e8e5; line-height:1.85; font-size:17px; }.scroll-link { display:inline-block; margin-top:25px; padding:13px 0; border-bottom:1px solid #9adbd3; color:#dff7f3; font-size:14px; }.scroll-link span { margin-left:12px; font-size:18px; }
.hero-mark { height:300px; position:relative; display:grid; place-items:center; }.portrait-frame { z-index:1; width:190px; height:238px; overflow:hidden; border:7px solid rgba(223,247,243,.9); border-radius:96px 96px 20px 20px; box-shadow:0 20px 45px rgba(0,0,0,.22); background:#edf3f2; }.portrait { width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }.hero-mark p { z-index:2; position:absolute; bottom:4px; color:#bceae4; letter-spacing:.28em; font-size:12px; }.orbit { border:1px solid rgba(193,239,233,.44); border-radius:50%; position:absolute; }.orbit-one { height:250px; width:250px; }.orbit-two { height:205px; width:320px; transform:rotate(-41deg); }.mark-line { height:110px; width:2px; background:var(--coral); position:absolute; transform:rotate(39deg); }
.stats { max-width:1180px; margin:-45px auto 0; position:relative; display:grid; grid-template-columns:repeat(3,1fr); background:#0a827b; color:#fff; }.stat { min-height:142px; padding:27px 31px; display:flex; gap:20px; align-items:center; border-right:1px solid rgba(255,255,255,.25); }.stat:last-child { border:0; }.stat strong { font-size:42px; letter-spacing:-.06em; }.stat span,.stat small { display:block; }.stat span { font-size:15px; }.stat small { margin-top:8px; color:#bfe9e5; font-size:12px; }
.section { padding:130px max(7vw,24px); }.section-tag { color:#078077; margin:0 0 28px; }.two-column { display:grid; grid-template-columns:.9fr 1.1fr; gap:10vw; }.section h2 { font-family:Georgia,"Songti SC",serif; font-size:clamp(40px,5vw,68px); font-weight:500; line-height:1.15; margin:0; letter-spacing:.02em; }.body-copy p { color:#355d5b; font-size:17px; line-height:2; margin:0 0 22px; }.expertise { background:#e2f2ef; }.expertise-head { display:grid; grid-template-columns:.9fr 1.1fr; }.procedure-grid { margin-top:70px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #9ec9c3; }.procedure-grid article { min-height:244px; padding:24px 24px 20px 0; margin-right:25px; border-right:1px solid #9ec9c3; }.procedure-grid article:last-child { border:0; }.procedure-grid span { color:#078077; font-weight:bold; font-size:13px; }.procedure-grid h3 { font-size:20px; margin:58px 0 13px; }.procedure-grid p { color:#476967; font-size:15px; line-height:1.8; margin:0; }.milestones { background:#0a4545; color:#f2fbf9; }.milestones .section-tag { color:#9bdcd4; }.milestone-list { margin:80px 0 0 auto; max-width:720px; }.milestone-list article { padding:26px 0; border-top:1px solid rgba(210,242,237,.31); display:grid; grid-template-columns:150px 1fr; gap:25px; }.milestone-list b { color:#9bdcd4; font-size:15px; }.milestone-list p { margin:0; color:#e1f0ed; line-height:1.85; font-size:16px; }footer { background:#052e2e; padding:25px max(7vw,24px); color:#b9d9d5; display:flex; justify-content:space-between; font-size:13px; }
@media(max-width:760px) { .hero{min-height:auto}.nav{height:74px}.nav-links{display:none}.hero-grid,.two-column,.expertise-head{grid-template-columns:1fr;}.hero-grid{padding:72px 0 56px;gap:25px}.hero-mark{height:200px;transform:scale(.76);margin:-30px}.stats{margin:0;grid-template-columns:1fr}.stat{min-height:108px;border-bottom:1px solid rgba(255,255,255,.25);border-right:0}.section{padding:80px 24px}.procedure-grid{grid-template-columns:1fr 1fr;margin-top:42px}.procedure-grid article:nth-child(2){border-right:0}.procedure-grid article{min-height:190px;margin-right:15px;padding-right:15px}.procedure-grid h3{margin-top:30px}.milestone-list{margin-top:48px}.milestone-list article{grid-template-columns:1fr;gap:10px}footer{gap:10px;flex-direction:column}.role{line-height:1.5} }