:root{
    --ink:#0E2A3A;--ink-soft:#4E6E80;--mist:#F7FBFC;--paper:#FFFFFF;
    --aqua:#0FB5A6;--azure:#2F7BFF;--line:#DCEAEE;
    --grad:linear-gradient(120deg,#0FB5A6 0%,#2F7BFF 100%);
    --radius:18px;--maxw:1120px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Noto Sans SC",sans-serif;background:var(--mist);color:var(--ink);line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(14px);background:rgba(247,251,252,.82);border-bottom:1px solid rgba(220,234,238,.75)}
  .nav-inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;height:84px;display:flex;align-items:center;justify-content:space-between}
  .logo img{display:block;height:54px;width:auto;max-width:210px;object-fit:contain}
  .nav-links{display:flex;gap:26px;font-size:14.5px;color:var(--ink-soft)}
  .nav-links a{position:relative;padding:4px 0;transition:color .25s}
  .nav-links a:hover,.nav-links a:focus-visible{color:var(--ink)}
  .nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:linear-gradient(135deg,var(--aqua),var(--blue));border-radius:2px;transition:width .25s}
  .nav-links a:hover::after{width:100%}
  .nav-cta{font-size:13.5px;padding:8px 18px;border-radius:99px;background:var(--ink);color:#fff;transition:transform .2s,box-shadow .2s}
  .nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(14,42,58,.25)}
  @media(max-width:760px){.nav-links{display:none}}
  .wrap{max-width:var(--maxw);margin:0 auto}
  header.hero{position:relative;min-height:78vh;display:flex;align-items:center;padding:140px 24px 76px;overflow:hidden}
  .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 24%,rgba(47,123,255,.14),transparent 34%),radial-gradient(circle at 18% 74%,rgba(15,181,166,.16),transparent 38%)}
  .hero-inner{position:relative;max-width:780px}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-soft);letter-spacing:.28em;padding:7px 16px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.72);margin-bottom:28px}
  .eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--aqua)}
  h1{font-size:clamp(34px,5.4vw,62px);font-weight:700;line-height:1.25;letter-spacing:.02em}
  h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero-sub{margin-top:24px;max-width:660px;font-size:17px;color:var(--ink-soft)}
  .hero-actions{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap}
  .btn{padding:12px 28px;border-radius:99px;font-size:15px}
  .btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px rgba(15,181,166,.28)}
  .btn-ghost{border:1.5px solid var(--line);background:rgba(255,255,255,.72)}
  section{padding:92px 24px}
  .sec-head{margin-bottom:38px}
  .sec-tag{display:inline-block;font-size:12px;letter-spacing:.32em;color:var(--aqua);font-weight:700;margin-bottom:12px}
  .sec-head h2{font-size:clamp(25px,3.2vw,38px);line-height:1.35}
  .sec-head p{margin-top:12px;color:var(--ink-soft);max-width:680px}
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
  @media(max-width:860px){.grid-3,.grid-2{grid-template-columns:1fr}}
  .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:0 14px 34px rgba(14,42,58,.045)}
  .card h3{font-size:19px;margin-bottom:10px}
  .card p,.card li{color:var(--ink-soft);font-size:14.5px}
  .card ul{list-style:none;display:grid;gap:10px}
  .card li{position:relative;padding-left:18px}
  .card li::before{content:"";position:absolute;left:0;top:.76em;width:7px;height:7px;border-radius:50%;background:var(--aqua)}
  .flow{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .step{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:16px;padding:22px}
  .step::before{counter-increment:step;content:"0" counter(step);display:block;font-size:24px;font-weight:800;color:rgba(47,123,255,.24);margin-bottom:12px}
  .step h3{font-size:17px;margin-bottom:8px}
  .step p{font-size:13.5px;color:var(--ink-soft)}
  @media(max-width:960px){.flow{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:560px){.flow{grid-template-columns:1fr}}
  .product-band{background:linear-gradient(150deg,#0C8F84 0%,#0E2A3A 90%);color:#fff;border-radius:24px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
  .product-band p{opacity:.84}
  .pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
  .pill{font-size:12px;padding:5px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
  @media(max-width:780px){.product-band{grid-template-columns:1fr;padding:30px 24px}}
  .value-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .value{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center}
  .value b{display:block;font-size:28px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .value span{display:block;margin-top:6px;font-size:13.5px;color:var(--ink-soft)}
  @media(max-width:860px){.value-list{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){.value-list{grid-template-columns:1fr}}
  .case-strip{display:grid;gap:16px}
  .case{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px}
  .case .industry{font-size:12px;letter-spacing:.2em;color:var(--aqua);font-weight:700}
  .case h3{font-size:19px;margin-bottom:8px}
  .case p{font-size:14.5px;color:var(--ink-soft)}
  @media(max-width:700px){.case{grid-template-columns:1fr}}
  .contact{margin:0 24px 54px}
  .contact-inner{max-width:var(--maxw);margin:0 auto;border-radius:24px;padding:42px 36px;text-align:center;color:#fff;background:linear-gradient(160deg,#0E2A3A 0%,#123B4F 60%,#0D4E5A 100%)}
  .contact-inner h2{font-size:28px;margin-bottom:10px}
  .contact-inner p{opacity:.82;margin-bottom:20px}
  .contact-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:860px;margin:0 auto;text-align:left}
  .contact-method{border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:18px;background:rgba(255,255,255,.08)}
  .contact-method h3{font-size:14px;margin-bottom:10px;letter-spacing:.08em}
  .mail,.wechat-copy{display:inline-flex;padding:9px 18px;border-radius:99px;border:1px solid rgba(255,255,255,.38);background:transparent;color:#fff;font-size:13.5px}
  .wechat-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .wechat-id{font-size:15px;font-weight:700}
  .wechat-copy{cursor:pointer}
  .phone-img{display:block;height:22px;width:auto;max-width:100%;margin-top:8px}
  .copy-tip{display:block;margin-top:8px;font-size:12px;color:rgba(255,255,255,.68);min-height:16px}
  @media(max-width:860px){.contact-methods{grid-template-columns:1fr;text-align:center}.wechat-row{justify-content:center}.phone-img{margin-left:auto;margin-right:auto}}
  footer{padding:0 24px 40px;text-align:center;font-size:12.5px;color:var(--ink-soft)}
  footer .footer-logo{display:flex;justify-content:center;margin-bottom:22px}
  footer .footer-logo img{display:block;width:min(240px,70vw);height:auto;object-fit:contain}