:root {
      --ink:#14202b;
      --muted:#607080;
      --paper:#f7fbfa;
      --white:#fff;
      --cyan:#0bc5c9;
      --blue:#2276ee;
      --lime:#d8f45a;
      --orange:#ff7b52;
      --line:#dbe8e7;
      --deep:#103a4b;
      --shadow:0 16px 40px rgba(16,58,75,.1);
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; line-height:1.7; }
    a { color:inherit; text-decoration:none; }
    img { max-width:100%; height:auto; display:block; }
    .container { width:min(1180px,calc(100% - 36px)); margin:0 auto; }
    header { position:sticky; top:0; z-index:20; background:rgba(247,251,250,.94); border-bottom:1px solid rgba(219,232,231,.9); backdrop-filter:blur(14px); }
    .nav { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
    .brand { display:flex; align-items:center; gap:10px; min-width:190px; font-weight:800; color:var(--deep); }
    .brand img { width:42px; max-height:42px; object-fit:contain; }
    .brand span { font-size:18px; letter-spacing:0; }
    .nav-links { display:flex; align-items:center; justify-content:flex-end; gap:0; flex-wrap:wrap; }
    .nav-links a { padding:8px 10px; color:#405463; font-size:13px; transition:.2s; }
    .nav-links a:hover { color:var(--blue); }
    .nav-cta,.primary { background:var(--blue); color:#fff!important; border-radius:7px; padding:11px 18px!important; font-weight:700; box-shadow:0 8px 20px rgba(34,118,238,.22); }
    .menu-btn { display:none; border:0; background:var(--deep); color:#fff; padding:9px 12px; border-radius:6px; font-size:18px; }
    .hero { position:relative; overflow:hidden; background:linear-gradient(135deg,#d9fbf3 0%,#f7fbfa 52%,#e1f0ff 100%); padding:88px 0 70px; }
    .hero:before,.hero:after { content:""; position:absolute; border:1px solid rgba(11,197,201,.22); transform:rotate(18deg); pointer-events:none; }
    .hero:before { width:310px; height:310px; right:-90px; top:-110px; border-radius:42px; }
    .hero:after { width:180px; height:180px; left:-70px; bottom:-90px; border-radius:50%; }
    .hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.18fr .82fr; gap:55px; align-items:center; }
    .eyebrow { display:inline-flex; color:#087a7c; background:#d7fff4; border:1px solid #a8e9df; padding:5px 11px; border-radius:30px; font-size:13px; font-weight:700; }
    h1,h2,h3 { line-height:1.25; margin:0 0 16px; color:var(--deep); letter-spacing:0; }
    h1 { font-size:clamp(36px,6vw,68px); max-width:680px; }
    h2 { font-size:clamp(28px,4vw,42px); }
    h3 { font-size:20px; }
    .hero p { max-width:650px; font-size:18px; color:#435d69; margin:0 0 28px; }
    .actions { display:flex; flex-wrap:wrap; gap:12px; }
    .secondary { border:1px solid #8bb8c5; border-radius:7px; padding:10px 18px; color:var(--deep); font-weight:700; background:rgba(255,255,255,.65); }
    .hero-panel { border-left:4px solid var(--orange); padding:22px 0 22px 25px; }
    .hero-panel strong { display:block; font-size:31px; color:var(--orange); line-height:1.2; }
    .hero-panel p { font-size:15px; margin:8px 0 0; }
    .metric-strip { margin-top:34px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .metric { background:rgba(255,255,255,.7); border:1px solid rgba(255,255,255,.9); padding:15px; border-radius:10px; }
    .metric b { display:block; font-size:25px; color:var(--blue); }
    section { padding:82px 0; }
    .section-head { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:32px; }
    .section-head p { max-width:530px; color:var(--muted); margin:0; }
    .kicker { color:var(--orange); text-transform:uppercase; font-size:12px; font-weight:800; letter-spacing:1px; }
    .about { background:#fff; }
    .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:42px; align-items:start; }
    .feature-list { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
    .feature { padding:18px; border-top:3px solid var(--cyan); background:#f4fbfa; }
    .feature b { display:block; margin-bottom:5px; color:var(--deep); }
    .feature span { color:var(--muted); font-size:14px; }
    .service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
    .service { padding:22px; background:#fff; border:1px solid var(--line); border-radius:9px; min-height:190px; transition:.25s; }
    .service:hover,.review:hover,.case:hover { transform:translateY(-5px); box-shadow:var(--shadow); }
    .service .icon { color:var(--orange); font-size:27px; font-weight:800; }
    .service p,.case p,.review p { color:var(--muted); font-size:14px; margin:0; }
    .band { background:var(--deep); color:#dceff0; }
    .band h2,.band h3 { color:#fff; }
    .band .section-head p { color:#b7d1d3; }
    .workflow { display:grid; grid-template-columns:repeat(5,1fr); gap:0; border-top:1px solid #48727a; }
    .step { padding:25px 18px 8px 0; border-right:1px solid #48727a; margin-right:18px; }
    .step:last-child { border-right:0; }
    .step b { display:block; color:var(--lime); font-size:28px; margin-bottom:10px; }
    .solutions { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .solution { background:#fff; border:1px solid var(--line); padding:22px; border-radius:9px; }
    .solution ul { margin:12px 0 0; padding-left:19px; color:var(--muted); font-size:14px; }
    .network { background:#eaf8f5; }
    .tag-cloud { display:flex; flex-wrap:wrap; gap:10px; }
    .tag { border:1px solid #a9dcd6; color:#176c70; background:#fff; padding:8px 13px; border-radius:5px; font-size:14px; }
    .timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:28px; }
    .timeline div { padding:18px; background:#fff; border-left:4px solid var(--cyan); }
    .timeline b { display:block; color:var(--deep); margin-bottom:6px; }
    .table-wrap { overflow-x:auto; border:1px solid var(--line); background:#fff; }
    table { width:100%; border-collapse:collapse; min-width:760px; }
    th,td { padding:15px 17px; border-bottom:1px solid var(--line); text-align:left; }
    th { background:#e5f7f5; color:var(--deep); }
    td { color:#516572; }
    .score-box { background:var(--orange); color:#fff; padding:24px; border-radius:9px; text-align:center; min-width:220px; }
    .score-box strong { display:block; font-size:42px; line-height:1.1; }
    .cases { display:grid; grid-template-columns:1.1fr .9fr .9fr; gap:18px; }
    .case { background:#fff; border:1px solid var(--line); border-radius:9px; overflow:hidden; transition:.25s; }
    .case-media { aspect-ratio:16/8; overflow:hidden; background:#dff4f0; }
    .case-media img { width:100%; height:100%; object-fit:cover; }
    .case-content { padding:20px; }
    .case:first-child { grid-row:span 2; }
    .case:first-child .case-media { aspect-ratio:16/13; }
    .reviews { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .review { background:#fff; border:1px solid var(--line); padding:22px; border-radius:9px; transition:.25s; }
    .stars { color:#f59b35; letter-spacing:2px; margin-bottom:9px; }
    .review cite { display:block; color:var(--deep); font-style:normal; font-weight:700; margin-top:14px; font-size:14px; }
    .articles { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
    .article { background:#fff; border-left:4px solid var(--cyan); padding:17px 20px; display:flex; justify-content:space-between; gap:14px; }
    .article span { color:var(--muted); font-size:13px; }
    .faq { max-width:900px; margin:0 auto; }
    details { background:#fff; border:1px solid var(--line); margin-bottom:10px; border-radius:6px; }
    summary { cursor:pointer; padding:17px 20px; font-weight:700; color:var(--deep); }
    details p { margin:0; padding:0 20px 18px; color:var(--muted); font-size:14px; }
    .contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:28px; align-items:start; }
    .contact-card { background:var(--deep); color:#e8f6f4; padding:28px; border-radius:9px; }
    .contact-card h3 { color:#fff; }
    .contact-card a { color:var(--lime); }
    .qr { width:130px; margin-top:18px; background:#fff; padding:8px; }
    form { background:#fff; padding:28px; border:1px solid var(--line); }
    .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
    label { display:block; color:var(--deep); font-size:14px; font-weight:700; }
    input,select,textarea { width:100%; margin-top:6px; border:1px solid #c9d9db; border-radius:5px; padding:12px; font:inherit; color:var(--ink); background:#fbfdfd; }
    textarea { min-height:125px; resize:vertical; }
    .full { grid-column:1/-1; }
    button { border:0; cursor:pointer; font:inherit; }
    footer { background:#102b39; color:#d7e9e8; padding:42px 0 25px; }
    .footer-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:28px; }
    footer h3 { color:#fff; font-size:18px; }
    footer a { color:#b9e9df; font-size:14px; }
    .footer-links { display:flex; flex-wrap:wrap; gap:9px 16px; }
    .copyright { border-top:1px solid #31515a; margin-top:28px; padding-top:18px; color:#9bb6ba; font-size:13px; }
    .float-contact { position:fixed; right:18px; bottom:20px; z-index:15; background:var(--orange); color:#fff; border-radius:50%; width:54px; height:54px; display:grid; place-items:center; font-weight:800; box-shadow:0 10px 25px rgba(255,123,82,.35); }
    .reveal { opacity:0; transform:translateY(18px); transition:opacity .6s ease,transform .6s ease; }
    .reveal.show { opacity:1; transform:none; }
    @media (max-width:980px) {
      .nav-links { display:none; position:absolute; top:72px; left:0; right:0; padding:12px 18px 18px; background:#f7fbfa; border-bottom:1px solid var(--line); }
      .nav-links.open { display:grid; grid-template-columns:repeat(2,1fr); }
      .nav-links a { padding:10px; }
      .menu-btn { display:block; }
      .hero-grid,.about-grid,.contact-grid { grid-template-columns:1fr; }
      .service-grid { grid-template-columns:repeat(2,1fr); }
      .workflow { grid-template-columns:repeat(2,1fr); gap:18px; border-top:0; }
      .step { border-right:0; border-top:1px solid #48727a; margin:0; }
      .cases { grid-template-columns:1fr 1fr; }
      .case:first-child { grid-row:auto; }
      .case:first-child .case-media { aspect-ratio:16/8; }
    }
    @media (max-width:620px) {
      .container { width:min(100% - 26px,1180px); }
      section { padding:58px 0; }
      .hero { padding:62px 0 52px; }
      .metric-strip,.feature-list,.service-grid,.solutions,.reviews,.articles,.timeline,.footer-grid { grid-template-columns:1fr; }
      .section-head { display:block; }
      .section-head p { margin-top:12px; }
      .cases { grid-template-columns:1fr; }
      .form-grid { grid-template-columns:1fr; }
      .full { grid-column:auto; }
      h1 { font-size:40px; }
      .brand { min-width:auto; }
      .brand span { font-size:16px; }
      .nav { gap:10px; }
      .nav-cta { padding:8px 11px!important; font-size:13px; }
    }