:root{--ink:#172d2b;--muted:#617370;--paper:#f5f8f7;--white:#fff;--green:#137c68;--lime:#d8f36a;--line:#dce7e3;--coral:#ef7057;--max:1180px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    img{max-width:100%;height:auto}
    .container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(245,248,247,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,231,227,.85)}
    .nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;flex-shrink:0;font-weight:800;font-size:18px}
    .brand img{width:42px;max-height:42px;object-fit:contain}
    .nav-links{display:flex;align-items:center;gap:0;flex-wrap:wrap}
    .nav-links a{padding:9px 10px;color:#38504b;font-size:13px;transition:color .2s}
    .nav-links a:hover{color:var(--green)}
    .nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
    .menu-toggle{display:none}
    .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:5px;padding:12px 19px;background:var(--green);color:#fff;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}
    .button:hover{transform:translateY(-2px);background:#0c6958;box-shadow:0 8px 18px #137c6826}
    .button.light{background:var(--lime);color:#18332d}
    .button.outline{background:transparent;color:var(--ink);border-color:#a9bdb6}
    .button.small{padding:9px 13px;font-size:13px}
    .hero{position:relative;overflow:hidden;padding:78px 0 44px;background:linear-gradient(118deg,#e6f4ed 0%,#f7faf5 52%,#eaf1ea 100%);border-bottom:1px solid var(--line)}
    .hero:before{content:"";position:absolute;inset:0 0 0 auto;width:38%;background:repeating-linear-gradient(135deg,transparent 0 19px,rgba(19,124,104,.055) 20px 21px);pointer-events:none}
    .hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:52px}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.04em}
    .eyebrow:before{content:"";width:25px;height:2px;background:var(--coral)}
    h1{max-width:680px;margin:14px 0 18px;font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:0}
    .hero-copy{max-width:650px;margin:0;color:#4d625d;font-size:17px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
    .hero-note{margin-top:14px;color:#617370;font-size:13px}
    .hero-panel{padding:25px;border:1px solid #cbded5;background:rgba(255,255,255,.72);box-shadow:12px 12px 0 #d8f36a;border-radius:6px}
    .hero-panel h2{margin:0 0 17px;font-size:16px}
    .model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
    .model-grid span{padding:9px 8px;border:1px solid #dce7e3;background:#f8fbf9;border-radius:3px;text-align:center;font-size:12px;font-weight:700}
    .hero-panel p{margin:17px 0 0;color:var(--muted);font-size:13px}
    .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:24px 0}
    .metric{padding:6px 22px;border-right:1px solid var(--line)}
    .metric:first-child{padding-left:0}
    .metric:last-child{border:0}
    .metric strong{display:block;font-size:22px;color:var(--green)}
    .metric span{font-size:13px;color:var(--muted)}
    main{overflow:hidden}
    .section{padding:72px 0}
    .section.tint{background:#edf4f0;border-block:1px solid #e1ebe6}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
    .section-head h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.2}
    .section-head p{max-width:560px;margin:0;color:var(--muted)}
    .kicker{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:800;text-transform:uppercase}
    .intro-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}
    .intro-copy{font-size:17px;color:#425853}
    .intro-copy p{margin-top:0}
    .capabilities{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}
    .capability{padding:16px 0;border-top:1px solid var(--line)}
    .capability h3{margin:0 0 5px;font-size:15px}
    .capability p{margin:0;color:var(--muted);font-size:13px}
    .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .service{padding:19px;background:var(--white);border:1px solid var(--line);border-radius:5px;transition:transform .22s,border-color .22s,box-shadow .22s}
    .service:hover{transform:translateY(-4px);border-color:#83b9a6;box-shadow:0 12px 24px #123e2b10}
    .service h3{margin:0 0 7px;font-size:16px}
    .service p{margin:0;color:var(--muted);font-size:13px}
    .service .tag{display:inline-block;margin-top:12px;color:var(--green);font-size:11px;font-weight:800}
    .tools{display:flex;flex-wrap:wrap;gap:9px}
    .tools span{padding:8px 12px;border:1px solid #cbdbd3;border-radius:3px;background:#fff;font-size:13px;font-weight:700}
    .workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:steps}
    .step{position:relative;padding:20px 23px 20px 0;border-top:2px solid #a9c6b8}
    .step:before{counter-increment:steps;content:"0" counter(steps);display:block;margin-bottom:16px;color:var(--coral);font-size:13px;font-weight:800}
    .step h3{margin:0 0 7px;font-size:16px}
    .step p{margin:0;color:var(--muted);font-size:13px}
    .industry-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
    .industry-list div{padding:16px;border-left:3px solid var(--green);background:#fff}
    .industry-list strong{display:block;font-size:14px}
    .industry-list span{color:var(--muted);font-size:12px}
    .network{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
    .network-copy{max-width:520px}
    .network-copy p{color:var(--muted)}
    .network-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
    .network-strip span{padding:14px 10px;background:#173d35;color:#eff8f2;text-align:center;font-size:13px;border-radius:3px}
    .media-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .media-grid figure{margin:0;background:#fff;border:1px solid var(--line);padding:8px;border-radius:5px}
    .media-grid img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:contain;background:#f1f5f3}
    .media-grid figcaption{padding:9px 5px 3px;color:var(--muted);font-size:13px}
    .media-grid .square{grid-column:1/-1;max-width:360px}
    .media-grid .square img{aspect-ratio:1}
    .score-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;align-items:start}
    .score-box{padding:24px;background:#173d35;color:#f5fbf7;border-radius:5px}
    .score-box p{margin:0;color:#c8e1d5}
    .score{margin:8px 0;font-size:52px;line-height:1;font-weight:800;color:var(--lime)}
    .stars{color:var(--lime);letter-spacing:3px}
    .table-wrap{overflow-x:auto;border:1px solid var(--line);background:#fff;border-radius:5px}
    table{width:100%;min-width:590px;border-collapse:collapse;text-align:left}
    th,td{padding:13px 15px;border-bottom:1px solid var(--line);font-size:13px}
    th{background:#edf4f0;color:#29433b}
    tr:last-child td{border-bottom:0}
    td:last-child{color:var(--green);font-weight:700}
    .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .review{padding:19px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--lime);border-radius:4px}
    .review blockquote{margin:0;color:#405650;font-size:14px}
    .review p{margin:15px 0 0;color:var(--green);font-size:12px;font-weight:800}
    .faq-list{max-width:900px}
    details{border-bottom:1px solid var(--line)}
    summary{position:relative;padding:17px 34px 17px 0;cursor:pointer;list-style:none;font-weight:700}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";position:absolute;right:4px;top:12px;color:var(--green);font-size:22px}
    details[open] summary:after{content:"−"}
    details p{max-width:760px;margin:0;padding:0 0 18px;color:var(--muted);font-size:14px}
    .articles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .article{padding:18px;background:#fff;border-left:3px solid var(--coral)}
    .article h3{margin:0 0 6px;font-size:15px}
    .article p{margin:0;color:var(--muted);font-size:13px}
    .form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:start}
    .contact-copy p{color:var(--muted)}
    .contact-list{padding:0;list-style:none}
    .contact-list li{padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}
    .contact-list strong{display:inline-block;min-width:90px}
    form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
    .field{display:flex;flex-direction:column;gap:6px}
    .field.full{grid-column:1/-1}
    label{font-size:13px;font-weight:700}
    input,select,textarea{width:100%;border:1px solid #cbd9d3;border-radius:3px;padding:11px 12px;background:#fff;color:var(--ink)}
    textarea{min-height:110px;resize:vertical}
    input:focus,select:focus,textarea:focus{outline:2px solid #8dcbb0;outline-offset:1px}
    .form-submit{grid-column:1/-1;justify-self:start}
    .qr{width:130px;margin-top:15px;border:5px solid #fff}
    .link-cloud{display:flex;flex-wrap:wrap;gap:9px}
    .link-cloud a{padding:8px 11px;border:1px solid var(--line);background:#fff;border-radius:3px;font-size:13px}
    .site-footer{padding:28px 0;background:#e5eee9;color:#203b34;border-top:1px solid #d2e0d8}
    .footer-top{display:flex;justify-content:space-between;gap:24px;align-items:center}
    .footer-links{display:flex;flex-wrap:wrap;gap:14px;color:#405b52;font-size:13px}
    .copyright{margin:16px 0 0;color:#5c706a;font-size:12px}
    .float-tools{position:fixed;right:16px;bottom:18px;z-index:15;display:grid;gap:8px}
    .float-tools a{display:grid;place-items:center;width:46px;height:46px;border:1px solid #cbd9d3;border-radius:50%;background:#fff;color:var(--green);font-size:12px;font-weight:800;box-shadow:0 5px 16px #173d351a}
    .reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
    .reveal.visible{opacity:1;transform:none}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
    @media(max-width:1000px){
      .nav{gap:12px}.nav-links{display:none;position:absolute;top:73px;left:0;right:0;padding:10px 20px 16px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 18px #173d3510}
      .nav-links.open{display:grid;grid-template-columns:repeat(3,1fr)}
      .nav-links a{padding:10px}.menu-toggle{display:inline-flex}
      .nav-actions .button{display:none}
      .hero-inner{gap:30px}
    }
    @media(max-width:720px){
      .container{width:min(var(--max),calc(100% - 30px))}
      .hero{padding:54px 0 28px}
      .hero-inner,.intro-grid,.network,.score-layout,.form-layout{grid-template-columns:1fr}
      .hero-inner{gap:32px}
      .hero-panel{max-width:520px}
      .metrics{grid-template-columns:repeat(2,1fr);gap:16px 0}
      .metric:nth-child(2){border:0}
      .metric:nth-child(3){padding-left:0}
      .section{padding:54px 0}
      .section-head{display:block}
      .section-head p{margin-top:12px}
      .service-grid{grid-template-columns:repeat(2,1fr)}
      .workflow{grid-template-columns:repeat(2,1fr);gap:10px 18px}
      .industry-list{grid-template-columns:repeat(2,1fr)}
      .reviews{grid-template-columns:repeat(2,1fr)}
      .form-layout{gap:20px}
    }
    @media(max-width:480px){
      .brand{font-size:16px}.brand img{width:36px}
      .nav{min-height:66px}.nav-links{top:65px}
      .nav-links.open{grid-template-columns:repeat(2,1fr)}
      .hero-inner{grid-template-columns:minmax(0,1fr)}
      h1{font-size:39px}
      .hero-copy{font-size:15px}
      .model-grid{grid-template-columns:repeat(2,1fr)}
      .service-grid,.workflow,.industry-list,.reviews,.articles,.capabilities{grid-template-columns:1fr}
      .media-grid{grid-template-columns:1fr}
      .media-grid .square{grid-column:auto}
      form{grid-template-columns:1fr}
      .field.full,.form-submit{grid-column:auto}
      .footer-top{align-items:flex-start;flex-direction:column}
      .metric{padding-inline:12px}
    }