:root{--ink:#20252d;--muted:#626b76;--paper:#fffaf4;--white:#fff;--line:#e9e3da;--coral:#ee654e;--yellow:#ffd761;--mint:#a8dfc5;--blue:#b8d9f6;--lilac:#d9c8f2;--max:1160px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:88px}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",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(255,250,244,.94);border-bottom:1px solid rgba(32,37,45,.09);backdrop-filter:blur(12px)}
    .nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}
    .ai-page-logo{width:38px;height:38px;object-fit:contain}
    .nav-links{display:flex;align-items:center;gap:0}
    .nav-links a{font-size:13px;color:#4b535d;padding:10px 9px;border-radius:6px;transition:background .2s,color .2s}
    .nav-links a:hover{background:#f0e9df;color:var(--ink)}
    .nav-actions{display:flex;align-items:center;gap:10px}
    .menu-toggle{display:none;border:1px solid var(--line);background:white;color:var(--ink);width:42px;height:42px;border-radius:6px}
    .button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 18px;border:1px solid transparent;border-radius:6px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s}
    .button:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(32,37,45,.12)}
    .button-primary{background:var(--ink);color:white}
    .button-coral{background:var(--coral);color:white}
    .button-outline{border-color:#cfc8bf;background:transparent;color:var(--ink)}
    .hero{position:relative;overflow:hidden;padding:76px 0 52px;background:linear-gradient(120deg,#fffaf4 0%,#fff3e3 48%,#f1f9f5 100%)}
    .hero:after{content:"";position:absolute;right:-90px;top:-130px;width:380px;aspect-ratio:1;border:1px solid rgba(238,101,78,.16);border-radius:50%;box-shadow:0 0 0 42px rgba(238,101,78,.035),0 0 0 86px rgba(255,215,97,.08);pointer-events:none}
    .hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center;position:relative;z-index:1}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a84936;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:0}
    .eyebrow:before{content:"";width:22px;height:2px;background:var(--coral)}
    h1{max-width:680px;margin:16px 0;font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:0}
    .hero-copy{max-width:630px;font-size:17px;color:#515b65}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
    .hero-note{margin-top:18px;font-size:13px;color:var(--muted)}
    .hero-art{padding:20px 4px}
    .flow-board{background:#fff;border:1px solid #e7ddd1;border-radius:8px;padding:22px;box-shadow:0 22px 60px rgba(81,62,45,.1);transform:rotate(1deg)}
    .board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:13px;font-weight:750}
    .live-dot{width:9px;height:9px;border-radius:50%;background:#50b989;display:inline-block;margin-right:6px;box-shadow:0 0 0 4px #e5f6ed}
    .workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
    .workflow-item{min-height:90px;border-radius:6px;padding:13px 11px;background:#fff4e4}
    .workflow-item:nth-child(2){background:#e9f6ef}.workflow-item:nth-child(3){background:#eef4fb}
    .workflow-item:nth-child(4){background:#f3edfb}.workflow-item:nth-child(5){background:#fff0ee}.workflow-item:nth-child(6){background:#f8f3df}
    .workflow-item strong{display:block;font-size:13px;margin:7px 0 2px}.workflow-item small{font-size:11px;color:#626b76}
    .tile-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#fff;font-size:14px}
    .board-foot{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
    .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:25px 0;border-bottom:1px solid var(--line)}
    .metric{padding:5px 22px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}
    .metric strong{display:block;font-size:19px}.metric span{font-size:12px;color:var(--muted)}
    section{padding:76px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
    .section-head h2{font-size:32px;line-height:1.2;margin:8px 0 0;letter-spacing:0}
    .section-head p{max-width:520px;margin:0;color:var(--muted)}
    .intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:start}
    .intro-copy{font-size:17px;color:#505a64}
    .intro-points{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}
    .intro-point{padding:16px 0;border-top:1px solid var(--line)}
    .intro-point strong{display:block;margin-bottom:4px}.intro-point span{font-size:13px;color:var(--muted)}
    .service-band{background:#f4eee5}
    .service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .service{padding:18px;background:#fff;border:1px solid #e9e1d6;border-radius:6px;transition:transform .2s,box-shadow .2s}
    .service:hover,.case:hover,.quote:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(42,38,32,.08)}
    .service .service-icon{font-size:21px}
    .service h3{font-size:16px;margin:9px 0 5px}.service p{margin:0;color:var(--muted);font-size:13px}
    .service-tag{display:inline-block;margin-top:12px;color:#a84936;font-size:11px;font-weight:750}
    .tool-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
    .tool-strip span{padding:7px 11px;border:1px solid #ded8d0;border-radius:4px;background:rgba(255,255,255,.62);font-size:12px;color:#434b54}
    .split-feature{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
    .feature-copy{padding:6px 0}
    .feature-copy h2{font-size:32px;line-height:1.25;margin:10px 0}
    .feature-copy p{color:var(--muted)}
    .feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;padding:0;list-style:none;margin:20px 0}
    .feature-list li{font-size:14px}.feature-list li:before{content:"✓";color:#29976c;font-weight:800;margin-right:8px}
    .visual-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
    .visual-stack img{display:block;width:100%;aspect-ratio:1.48;object-fit:cover;border-radius:6px}
    .visual-stack .square{grid-column:2;grid-row:1 / span 2;aspect-ratio:1;align-self:center}
    .process{background:#fff}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
    .step{padding:18px 20px 18px 0;border-top:2px solid var(--ink);position:relative}
    .step:not(:last-child):after{content:"→";position:absolute;right:14px;top:12px;color:var(--coral);font-size:20px}
    .step small{font-size:11px;color:#a84936;font-weight:800}.step h3{font-size:17px;margin:9px 0 5px}.step p{font-size:13px;color:var(--muted);margin:0;padding-right:10px}
    .solutions{display:grid;grid-template-columns:1fr 1fr;gap:34px}
    .solution-list{border-top:1px solid var(--line)}
    .solution-row{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}
    .solution-row strong{font-size:14px}.solution-row span{font-size:13px;color:var(--muted)}
    .network{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;padding:30px;background:#e9f5ee;border-radius:6px}
    .network h2{font-size:28px;line-height:1.25;margin:0 0 10px}.network p{color:#53635a;margin:0}
    .network-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .network-items div{padding:12px;background:rgba(255,255,255,.72);border-radius:4px;font-size:13px}
    .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .case{background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s}
    .case img{display:block;width:100%;aspect-ratio:1.75;object-fit:cover}
    .case-copy{padding:17px}.case-copy small{color:#a84936;font-weight:750}.case-copy h3{margin:6px 0;font-size:17px}.case-copy p{margin:0;color:var(--muted);font-size:13px}
    .review{background:#fff4e4}
    .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .quote{background:#fff;border:1px solid #eee2d2;border-radius:6px;padding:18px;transition:transform .2s,box-shadow .2s}
    .quote p{font-size:14px;margin:0 0 17px}.quote footer{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}
    .avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--mint);color:#214738;font-weight:800}
    .quote:nth-child(2n) .avatar{background:var(--yellow);color:#68510c}.quote:nth-child(3n) .avatar{background:var(--blue);color:#294c68}
    .compare{background:#f1f5f7}
    .score{display:flex;align-items:center;gap:14px;margin-bottom:20px}.score strong{font-size:36px}.stars{color:#d88a16;letter-spacing:0;font-size:20px}
    .table-wrap{overflow-x:auto;background:#fff;border:1px solid #e0e5e8;border-radius:6px}
    table{width:100%;border-collapse:collapse;min-width:720px;text-align:left}
    th,td{padding:13px 15px;border-bottom:1px solid #edf0f1;font-size:13px}
    th{background:#f7f9fa;color:#47525c;font-weight:750}td:last-child{color:#247e5b;font-weight:650}tr:last-child td{border-bottom:0}
    .benchmark-note{font-size:12px;color:var(--muted);margin-top:12px}
    .match{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:start}
    .match-aside{background:#ffe5da;padding:25px;border-radius:6px}
    .match-aside h2{font-size:27px;line-height:1.25;margin:0 0 10px}.match-aside p{color:#65564f;margin:0}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}
    .field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #dcd6ce;border-radius:4px;background:white;padding:11px 12px;color:var(--ink);outline:none}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:#628f79;box-shadow:0 0 0 3px rgba(98,143,121,.13)}
    .field textarea{min-height:110px;resize:vertical}
    .price-row{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
    .price-row strong{display:block}.price-row span{font-size:13px;color:var(--muted)}.price-row b{font-size:13px;color:#a84936}
    .faq-list{border-top:1px solid var(--line)}
    details{border-bottom:1px solid var(--line)}
    summary{cursor:pointer;list-style:none;padding:17px 28px 17px 0;font-weight:700;position:relative}
    summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:3px;top:15px;font-size:20px;color:var(--coral)}
    details[open] summary:after{content:"−"}
    details p{max-width:850px;margin:0;padding:0 24px 17px 0;color:var(--muted);font-size:14px}
    .knowledge{display:grid;grid-template-columns:1fr 1fr;gap:42px}
    .article-links{display:grid;gap:0}
    .article-links a{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}
    .article-links a:after{content:"↗";color:#a84936}
    .tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag-cloud span{padding:8px 11px;border-radius:4px;background:#eef2ed;color:#394d40;font-size:12px}
    .contact-band{background:#252d34;color:white;padding:38px 0}
    .contact-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
    .contact-inner h2{margin:0 0 5px;font-size:26px}.contact-inner p{margin:0;color:#d4d9dd;font-size:14px}
    .contact-links{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#f4d179}
    .site-footer{background:#f1ece4;color:#30363c;padding:28px 0;font-size:12px}
    .footer-main{display:flex;justify-content:space-between;gap:24px;align-items:start}
    .footer-links{display:flex;flex-wrap:wrap;gap:8px 17px;max-width:650px}
    .footer-links a{color:#4a545d}.copyright{margin-top:16px;padding-top:14px;border-top:1px solid #ddd5ca;color:#626b76}
    .float-contact{position:fixed;right:18px;bottom:20px;z-index:15;display:grid;gap:8px}
    .float-contact a,.top-button{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:var(--ink);color:white;box-shadow:0 5px 16px #20252d30;font-size:12px;font-weight:750;cursor:pointer}
    .float-contact a:first-child{background:var(--coral)}
    .reveal{opacity:0;transform:translateY(14px);transition:opacity .55s,transform .55s}
    .reveal.visible{opacity:1;transform:translateY(0)}
    @media(max-width:980px){.nav-links{gap:0}.nav-links a{padding-inline:6px;font-size:12px}.nav-actions .button{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}}
    @media(max-width:760px){
      .container{width:min(var(--max),calc(100% - 30px))}
      .nav{min-height:64px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;padding:12px 15px 16px;background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr)}
      .nav-links.open{display:grid}.nav-links a{font-size:13px;padding:10px}
      .hero{padding:51px 0 36px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero-art{padding:8px 0 0}.hero:after{right:-230px}
      .metrics{grid-template-columns:repeat(2,1fr);gap:14px 0}.metric:nth-child(2){border:0}.metric:nth-child(3){padding-left:0}
      section{padding:55px 0}.section-head{display:block}.section-head p{margin-top:12px}.section-head h2,.feature-copy h2{font-size:27px}
      .intro,.split-feature,.solutions,.network,.match,.knowledge{grid-template-columns:1fr;gap:24px}
      .service-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:10px 18px}
      .step:nth-child(2):after{display:none}.case-grid{grid-template-columns:1fr 1fr}.quotes{grid-template-columns:1fr 1fr}
      .network{padding:22px}.contact-inner,.footer-main{align-items:flex-start;flex-direction:column}
    }
    @media(max-width:480px){
      h1{font-size:39px}.hero-copy{font-size:15px}.workflow{gap:7px}.workflow-item{padding:10px 8px;min-height:84px}
      .workflow-item strong{font-size:12px}.board-foot{font-size:11px}.service-grid,.case-grid,.quotes{grid-template-columns:1fr}
      .feature-list{grid-template-columns:1fr}.solution-row{grid-template-columns:100px 1fr}
      .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
      .metrics .metric{padding:5px 12px}.metric strong{font-size:17px}
      .float-contact{right:10px;bottom:12px}
    }
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}