*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#182c43;font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #e4b665;outline-offset:4px}.wrap{width:min(1120px,90%);margin:auto}header{padding:26px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce3eb;font-size:12px}.brand{font-weight:700;letter-spacing:2px}.navlink{color:#687a8e}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding:65px 0;align-items:center}.tag{font-size:11px;letter-spacing:2px;color:#677e94}.tag:before{content:'';display:inline-block;width:7px;height:7px;background:#6b937e;border-radius:50%;margin-right:10px}h1{font-size:clamp(35px,5.3vw,70px);letter-spacing:-2px;margin:25px 0 20px;overflow-wrap:anywhere;line-height:1.15}h1 span{color:#73899b;font-weight:400}.desc{font-size:16px;line-height:1.9;color:#6f7f8e;max-width:580px}.badges{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.badges span{border:1px solid #dce3eb;padding:7px 11px;font-size:11px;color:#6a7d90}.pricebox{background:#fff;padding:35px;border:1px solid #dfe6ef;border-radius:10px;box-shadow:0 12px 35px #13294507}.pricebox small{font-size:11px;color:#768798}.price{font-size:42px;letter-spacing:-1px;margin:15px 0 25px}.price b{font-size:18px;font-weight:400;margin-right:6px}.inquire{background:#193b5b;color:#fff;border:0;width:100%;padding:16px;cursor:pointer;border-radius:4px;font-size:14px}.pricebox p{font-size:12px;line-height:1.8;color:#7d8b98}.steps{display:flex;gap:25px;justify-content:space-between;padding:24px 0;border-top:1px solid #dce3eb;border-bottom:1px solid #dce3eb;font-size:12px;color:#657b8f}.steps b{font-weight:400;color:#a3875b;margin-right:10px}.portfolio{padding:55px 0}.portfolio-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:25px}h2{font-size:26px;font-weight:500;margin:0 0 10px}.portfolio-head p{font-size:13px;color:#7a8a98;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:white;border:1px solid #e0e6ed;border-radius:6px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:border-color .2s,transform .2s}.card:hover{border-color:#9cabbc;transform:translateY(-2px)}.card strong{font-size:17px;font-weight:500;overflow-wrap:anywhere}.card span{font-size:13px;color:#718292;white-space:nowrap}.note{background:#eaf0f4;padding:22px 25px;border-radius:5px;font-size:12px;color:#62798c;line-height:1.9;margin-top:25px}footer{padding:25px 0;border-top:1px solid #dce3eb;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#83909b}.email-fallback{font-size:12px;color:#607687;margin-top:15px;overflow-wrap:anywhere}.email-fallback button{border:0;background:none;color:#193b5b;text-decoration:underline;cursor:pointer;padding:8px 0}noscript p{font-size:12px}@media(max-width:700px){header{font-size:10px}.hero{grid-template-columns:1fr;gap:25px;padding:40px 0}.pricebox{padding:28px}h1{letter-spacing:-1px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{display:block;padding:16px}.card strong{font-size:15px;display:block;margin-bottom:10px}.steps{font-size:10px;gap:12px;line-height:1.8}.steps b{display:block}.portfolio-head{display:block}.portfolio{padding:35px 0}footer{flex-direction:column}.desc{font-size:14px}}@media(max-width:360px){.grid{grid-template-columns:1fr}.card{display:flex}.card strong{margin:0}}@media(prefers-reduced-motion:reduce){.card{transition:none}}