/* 嘉瑜 AI — shared navigation, typography and action system. */
:root{--action:#182d3e;--action-hover:#294b64;--blue:#0866ff;--blue-dark:#0758d5;--ink:#1c2b33;--text:#566978}
body{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans SC","Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
.site-header{height:88px;background:#ffffffed;border-bottom:1px solid #e9edf1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:28px}
.product-logo{gap:10px}.product-logo>b{color:#1c2b33;font-size:26px;font-weight:600;letter-spacing:-.7px}.product-logo>b span{font-size:25px;color:#1c2b33;font-weight:500}
.product-logo>small{font-size:12px;color:#637585;letter-spacing:0}.product-logo>i{height:20px;background:#dde4ea;margin:0 5px}
.site-nav{justify-content:center;gap:4px}.site-nav a{height:42px;padding:0 15px;display:inline-flex;align-items:center;border-radius:8px;color:#465a68;font-size:14px;font-weight:500;line-height:1;transition:color .18s,background .18s}
.site-nav a:after{display:none}.site-nav a:hover,.site-nav a[aria-current="location"]{color:#153b57;background:#f0f4f7}
.header-actions{gap:10px}.contact-link{height:44px;display:inline-flex;align-items:center;padding:0 17px;border:1px solid #dce3e9;border-radius:999px;font-size:13px;font-weight:500;color:#334d5f;transition:background .18s,border-color .18s}
.contact-link:hover{color:#182d3e;background:#f3f6f8;border-color:#c5d1dc}
.button{min-height:50px;padding:0 24px;border-radius:999px;gap:18px;font-size:14px;font-weight:550;line-height:1.3;letter-spacing:.05px;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s}
.button.primary{background:var(--action);color:#fff;border-color:var(--action);box-shadow:0 2px 3px #182d3e0a,inset 0 1px 0 #ffffff0c}
.button.primary:hover{background:var(--action-hover);border-color:var(--action-hover);box-shadow:0 4px 10px #182d3e16;transform:translateY(-1px)}
.button.primary:active{transform:translateY(0);box-shadow:none;background:#142636}
.button.border{color:#2a4355;background:#fff;border-color:#d5dfe7;box-shadow:0 1px 2px #182d3e04}
.button.border:hover{color:#182d3e;background:#f5f8fa;border-color:#b8c8d6}
.button.small{min-height:44px;padding:0 19px;font-size:13px;gap:16px}
.cta-arrow{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex-shrink:0;transition:transform .2s}
.cta-arrow svg{height:19px;width:19px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
.button:hover .cta-arrow,.text-link:hover .cta-arrow,.solution-copy a:hover .cta-arrow{transform:translateX(3px)}
.button:focus-visible,.contact-link:focus-visible,.site-nav a:focus-visible,.menu-toggle:focus-visible{outline:3px solid #a2c5ff;outline-offset:4px}
.text-link{font-size:14px;font-weight:500;color:#244c69;gap:10px}.text-link .cta-arrow{width:20px;height:20px}.solution-copy a{font-size:13px;color:#244c69;display:inline-flex;gap:11px;align-items:center}
.hero-layout{gap:62px;min-height:670px;padding-top:72px;padding-bottom:76px}.hero-overline{font-size:21px;color:#405b70}.hero-copy h1{font-size:52px;font-weight:600;letter-spacing:-1.5px;line-height:1.35}.hero-copy h1 span{color:#0866ff}.hero-description{font-size:16px;color:#627585;line-height:1.95}.brand-kicker{font-size:12px;color:#5d7891;letter-spacing:.4px}.hero-note{color:#647b90;font-size:11px}.hero-actions{gap:13px;margin-top:31px}
.product-window{transform:none;box-shadow:0 20px 65px #294b6d12,0 2px 5px #294b6d06;border-color:#dce5ef;border-radius:14px}.floating-insight{transform:none;border-radius:11px}.floating-cost{border-radius:11px}.window-title h3{color:#304b62}.window-bar{color:#667c91}.preview-metrics>div>span{color:#657d92}.preview-metrics em,.preview-chart-title,.bar-pair>span,.preview-table>div{color:#72869a}
.section-heading h2{color:#1c2b33;font-size:33px;font-weight:600;letter-spacing:-.7px}.section-heading p{font-size:15px;color:#627585}.feature-copy h3{font-size:31px;font-weight:600;color:#263f53}.feature-copy>p{font-size:15px;color:#627585}.feature-copy li{font-size:14px;color:#4a6378}.feature-tabs button{font-size:14px;color:#627585}.feature-tabs button.active{color:#075cda}.solution-copy p{font-size:14px;color:#627585}.solution-copy h3{color:#253e50}.workflow-steps article p,.faq-layout>div>p{color:#627585;font-size:14px}.faq-list summary{font-size:15px;color:#344f63}.faq-list details>p{font-size:14px;color:#627585}
.bottom-cta{background:#fff;border:0;padding:18px 0 34px}.bottom-cta-inner{background:#f3f6f9;border:1px solid #e5ebf0;border-radius:24px;padding:43px 46px;gap:28px}
.bottom-cta-inner>div>span{font-size:12px;color:#657c8d;letter-spacing:.3px}.bottom-cta h2{color:#233e52;font-size:28px;font-weight:600;letter-spacing:-.6px;line-height:1.5;margin-top:11px}.bottom-cta .button{min-height:52px;font-size:14px;min-width:176px;padding:0 24px}
.menu-toggle{height:42px;width:42px;border:1px solid #e0e7ed;border-radius:50%;align-items:center;justify-content:center;gap:5px;padding:0}.menu-toggle>span{width:17px;background:#344f63;transition:transform .18s}.menu-toggle[aria-expanded="true"]>span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded="true"]>span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
@media(max-width:1220px){.product-logo>small,.product-logo>i{display:none}.header-inner{gap:20px}.site-nav a{padding:0 12px}.hero-layout{gap:40px}.hero-copy h1{font-size:46px}}
@media(max-width:960px){.site-header{height:80px}.site-nav a{font-size:13px;padding:0 9px}.header-inner{gap:14px}.contact-link{display:none}.product-logo>b,.product-logo>b span{font-size:23px}.hero-layout{gap:32px;min-height:580px;padding:58px 0}.hero-copy h1{font-size:38px;letter-spacing:-.6px}.hero-overline{font-size:17px}.hero-description{font-size:14px}.hero-actions{gap:10px;flex-wrap:wrap}.hero-actions .button{min-height:46px;font-size:13px;padding:0 20px;gap:12px}.hero-note{font-size:10px}.section-heading h2{font-size:28px}.section-heading p{font-size:14px}.feature-copy h3{font-size:26px}.feature-copy>p,.feature-copy li{font-size:13px}.solution-copy p{font-size:13px}.bottom-cta-inner{padding:34px 32px}.bottom-cta h2{font-size:24px}.bottom-cta .button{min-height:48px}}
@media(max-width:700px){html{scroll-padding-top:86px}.site-header{height:72px}.header-inner{display:flex;gap:10px}.product-logo{gap:6px}.product-logo>b,.product-logo>b span{font-size:23px}.header-actions{gap:9px}.header-actions .button{min-height:40px;padding:0 14px;font-size:12px;gap:9px}.header-actions .cta-arrow{width:17px}.header-actions .cta-arrow svg{width:17px;height:17px}.menu-toggle{display:flex;height:40px;width:40px}.site-nav{display:none;top:71px;padding:14px 20px 18px;gap:5px;border-color:#e4eaf0;box-shadow:0 14px 22px #243c5010}.site-nav.open{display:grid;grid-template-columns:1fr 1fr}.site-nav a{height:46px;justify-content:center;font-size:14px;padding:0 13px}.hero-layout{padding:42px 0 48px;gap:50px;min-height:0}.hero-copy h1{font-size:40px;letter-spacing:-.8px;line-height:1.4}.hero-overline{font-size:18px}.hero-description{font-size:14px;line-height:2}.hero-actions{flex-wrap:nowrap;margin-top:26px;gap:10px}.hero-actions .button{min-height:48px;padding:0 20px;font-size:13px;gap:12px}.hero-note{font-size:10px;line-height:1.8;max-width:none}.section-heading h2{font-size:25px;line-height:1.55}.section-heading p{font-size:13px}.feature-copy h3{font-size:26px}.feature-copy>p,.feature-copy li{font-size:13px}.feature-tabs button{font-size:13px}.faq-list summary{font-size:14px}.faq-list details>p,.workflow-steps article p{font-size:13px}.bottom-cta{padding:10px 0 20px}.bottom-cta-inner{padding:32px 25px;align-items:flex-start;text-align:left;border-radius:20px;gap:24px}.bottom-cta-inner>div>span{font-size:11px}.bottom-cta h2{font-size:25px;line-height:1.55;max-width:none;margin-top:12px}.bottom-cta .button{align-self:flex-start;min-height:48px;font-size:14px;padding:0 22px;min-width:174px}.text-link{font-size:13px}}
@media(max-width:360px){.header-actions .button{padding:0 12px;gap:5px;font-size:11px}.product-logo>b,.product-logo>b span{font-size:21px}.source-logo{width:29px}.header-actions{gap:6px}.hero-actions .button{padding:0 15px;gap:8px;font-size:12px}.hero-copy h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.button,.cta-arrow,.contact-link,.site-nav a,.menu-toggle>span{transition:none}.button:hover,.button:hover .cta-arrow,.text-link:hover .cta-arrow,.solution-copy a:hover .cta-arrow{transform:none}}
/* Hero details: readable floating cards and matched action geometry. */
.floating-insight{left:42px;top:-36px;gap:13px;padding:17px 17px 17px 16px;width:302px;border:1px solid #dde7f2;border-radius:16px;background:#ffffffed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 3px 5px #294e7003,0 16px 34px #294e7010;align-items:center;transition:border-color .2s,box-shadow .2s,transform .2s}
.insight-icon{height:42px;width:42px;flex-shrink:0;background:linear-gradient(145deg,#f1f6ff,#eaf2ff);border:1px solid #e3edff;border-radius:12px;display:grid;place-items:center;color:#3578d7}.insight-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.insight-copy{display:block;min-width:0}.insight-copy>small{display:block;color:#7d91a3;font-size:9px;line-height:1.5;letter-spacing:.4px;margin-bottom:4px}.floating-insight .insight-copy>b{display:block;color:#294d69;font-size:13px;font-weight:550;line-height:1.5;letter-spacing:0}.insight-stats{display:flex;gap:8px;align-items:center;margin-top:7px;font-size:10px;color:#8094a7;white-space:nowrap;line-height:1.4}.insight-stats strong{font-size:11px;color:#5f82a3;font-weight:550;margin-right:1px}.insight-stats i{height:9px;width:1px;background:#dce6ef;display:block}.floating-insight .insight-arrow{margin-left:auto;height:26px;width:26px;flex-shrink:0;border:1px solid #e4edf4;background:#f8fbff;border-radius:50%;display:grid;place-items:center;color:#81a0bd}.insight-arrow svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.floating-insight:hover{border-color:#c6d9ed;box-shadow:0 4px 9px #294e7006,0 18px 38px #294e7015;transform:translateY(-2px)}.floating-insight:hover .insight-arrow svg{transform:translateX(2px)}
.floating-cost{display:block;width:226px;left:-26px;bottom:-19px;padding:18px 20px;border-radius:16px;background:#ffffffed;border:1px solid #dce7f3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 3px 5px #294e7003,0 16px 34px #294e7010;transition:border-color .2s,box-shadow .2s,transform .2s}
.floating-cost .cost-heading{display:flex;align-items:center;justify-content:space-between;color:#63819a;font-size:11px;font-weight:500;line-height:1.6}.cost-heading>span{height:19px;width:19px;display:grid;place-items:center;border-radius:50%;background:#f2f7fd;color:#85a1bd}.cost-heading svg{height:12px;width:12px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.floating-cost .cost-amount{display:flex;align-items:baseline;gap:8px;margin:8px 0 11px}.floating-cost .cost-amount strong{font-size:32px;font-weight:500;line-height:1.3;letter-spacing:-1.3px;color:#1766d4;font-variant-numeric:tabular-nums}.floating-cost .cost-amount small{font-size:10px;line-height:1.5;color:#8aa0b3;display:inline;font-weight:400;grid-column:auto}.floating-cost .cost-formula{display:block;border-top:1px solid #eaf0f6;padding-top:10px;font-size:9px;color:#8ba0b3;letter-spacing:.05px;white-space:nowrap;line-height:1.6}.floating-cost:hover{transform:translateY(-2px);border-color:#c6d9ed;box-shadow:0 4px 9px #294e7006,0 18px 38px #294e7015}
.floating-insight:focus-visible,.floating-cost:focus-visible{outline:3px solid #a6c9ff;outline-offset:4px}
.button.primary{box-shadow:inset 0 1px 0 #ffffff15,0 1px 2px #182d3e0a,0 4px 10px #182d3e07}.button.primary .cta-arrow{width:27px;height:27px;border:1px solid #ffffff12;border-radius:50%;background:#ffffff0b;display:inline-flex;align-items:center;justify-content:center;margin-right:-8px}.button.primary .cta-arrow svg{width:16px;height:16px;stroke-width:1.5;transition:transform .2s}.button.primary:hover .cta-arrow{transform:none;background:#ffffff15}.button.primary:hover .cta-arrow svg{transform:translateX(2px)}
.hero-actions .button{min-height:54px;padding:7px 16px 7px 25px;gap:20px;font-weight:500;font-size:14px;box-shadow:inset 0 1px 0 #ffffff15,0 2px 4px #1d3b5007,0 7px 16px #1d3b5006}.hero-actions .button.border{border-color:#d4e0ea;background:linear-gradient(#fff,#fcfdff);color:#3e607b;padding-right:10px;gap:18px;box-shadow:inset 0 1px 0 #fff,0 2px 4px #1d3b5004}.hero-actions .button.border .cta-arrow{display:inline-flex;align-items:center;justify-content:center;height:29px;width:29px;border:1px solid #e7eef5;background:#f6f9fc;border-radius:50%;color:#7b98b1;transition:background .2s,border-color .2s}.hero-actions .button.border .cta-arrow svg{width:15px;height:15px;stroke-width:1.5;transition:transform .2s}.hero-actions .button.border:hover{border-color:#b9d0e2;background:#fff;box-shadow:0 5px 14px #244d6e09}.hero-actions .button.border:hover .cta-arrow{transform:none;background:#edf5fc;border-color:#d8e7f4}.hero-actions .button.border:hover .cta-arrow svg{transform:translateX(2px)}
@media(max-width:1220px){.floating-insight{left:30px;top:-37px;width:285px;padding:15px;gap:11px}.floating-cost{left:-20px;width:212px;padding:16px 18px}.hero-actions .button{font-size:13px;padding-left:22px;gap:17px}}
@media(max-width:960px){.floating-insight{left:22px;top:-35px;width:275px;padding:14px;gap:10px}.insight-icon{width:38px;height:38px}.floating-insight .insight-copy>b{font-size:12px}.insight-stats{font-size:9px;gap:7px}.floating-cost{left:-16px;width:196px;padding:15px 16px;bottom:-22px}.floating-cost .cost-heading{font-size:10px}.floating-cost .cost-amount strong{font-size:29px}.floating-cost .cost-formula{font-size:8px}.hero-actions .button{font-size:12px;min-height:49px;padding-left:20px;gap:15px}.hero-actions .button.border{gap:12px}.hero-actions .button.border .cta-arrow{height:26px;width:26px}.button.primary .cta-arrow{height:25px;width:25px}}
@media(max-width:700px){.floating-insight{position:relative;left:auto;top:auto;right:auto;bottom:auto;width:100%;max-width:none;margin:0 0 15px;padding:15px 17px;gap:13px;border-radius:13px;box-shadow:0 5px 20px #294e7007;background:white}.insight-icon{width:40px;height:40px;border-radius:11px}.insight-copy>small{font-size:9px}.floating-insight .insight-copy>b{font-size:13px}.insight-stats{font-size:10px}.floating-insight .insight-arrow{margin-left:auto}.floating-cost{display:none}.hero-actions .button{min-height:50px;padding:7px 14px 7px 22px;font-size:13px;gap:19px}.hero-actions .button.border{padding-right:9px;gap:14px}.hero-actions .button.border .cta-arrow{height:27px;width:27px}.hero-actions .button.primary .cta-arrow{height:26px;width:26px}.header-actions .button.primary .cta-arrow{height:23px;width:23px;margin-right:-4px}.header-actions .button.primary .cta-arrow svg{width:14px;height:14px}.header-actions .button{padding-left:15px;padding-right:12px;gap:12px}}
@media(max-width:360px){.floating-insight{gap:10px;padding:13px 14px}.insight-icon{width:35px;height:35px}.insight-stats{font-size:9px;gap:6px}.floating-insight .insight-copy>b{font-size:12px}.floating-insight .insight-arrow{height:23px;width:23px}.hero-actions .button{font-size:12px;padding-left:18px;padding-right:12px;gap:13px;min-height:48px}.hero-actions .button.border{gap:10px;padding-right:8px}.hero-actions .button.border .cta-arrow,.hero-actions .button.primary .cta-arrow{width:24px;height:24px}.header-actions .button{padding-left:12px;padding-right:10px;gap:9px}.header-actions .button.primary .cta-arrow{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.floating-insight,.floating-cost,.insight-arrow svg,.button.primary .cta-arrow svg,.hero-actions .button.border .cta-arrow,.hero-actions .button.border .cta-arrow svg{transition:none}.floating-insight:hover,.floating-cost:hover,.floating-insight:hover .insight-arrow svg,.button.primary:hover .cta-arrow svg,.hero-actions .button.border:hover .cta-arrow svg{transform:none}}
.floating-insight{z-index:3}

/* A clearer product lockup, retaining the original Jiayu brand symbol. */
.product-logo { gap: 11px; min-width: 0; }
.product-logo .source-logo {
  flex: 0 0 42px; width: 42px; height: 42px; border-radius: 12px;
  background: #f0f5ff;
}
.product-logo .source-logo img {
  width: 104px; max-width: none; left: -30px; top: -8px; mix-blend-mode: multiply;
}
.product-logo > b {
  display: inline-flex; align-items: baseline; gap: 5px;
  color: #142d47; font-size: 23px; line-height: 1; font-weight: 650;
  letter-spacing: -.04em; white-space: nowrap;
}
.product-logo > b span {
  color: #175de4; font-family: Inter, Arial, sans-serif; font-size: 21px;
  font-weight: 650; letter-spacing: -.045em;
}
.product-logo > i { height: 23px; margin: 0 3px; background: #dce5ef; }
.product-logo > small { color: #667e93; font-size: 11px; font-weight: 500; letter-spacing: .02em; white-space: nowrap; }
.product-logo:focus-visible { outline: 3px solid #a6c9ff; outline-offset: 5px; border-radius: 10px; }
@media (max-width: 700px) {
  .product-logo { gap: 8px; }
  .product-logo .source-logo { flex-basis: 38px; width: 38px; height: 38px; border-radius: 11px; }
  .product-logo .source-logo img { width: 94px; left: -27px; top: -7px; }
  .product-logo > b { font-size: 21px; gap: 4px; }
  .product-logo > b span { font-size: 19px; }
}

/* Refined lockup: the original mark with a compact, balanced wordmark. */
.product-logo { gap: 10px; }
.product-logo .source-logo { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 0; background: transparent; }
.product-logo .source-logo img { width: 101px; left: -30px; top: -8px; mix-blend-mode: multiply; }
.product-logo__wordmark { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; white-space: nowrap; }
.product-logo__name { display: inline-flex; align-items: baseline; gap: 6px; color: #142b40; font-size: 23px; line-height: 1; font-weight: 650; letter-spacing: -.04em; }
.product-logo__name > span { color: #175de4; font: 600 20px/1 Inter, Arial, sans-serif; letter-spacing: -.04em; }
.product-logo__descriptor { color: #778a9b; font-size: 10px; line-height: 1; font-weight: 400; letter-spacing: .035em; }
@media (max-width: 700px) {
  .product-logo { gap: 8px; }
  .product-logo .source-logo { flex-basis: 36px; width: 36px; height: 36px; }
  .product-logo .source-logo img { width: 91px; left: -27px; top: -7px; }
  .product-logo__wordmark { gap: 4px; }
  .product-logo__name { font-size: 20px; }
  .product-logo__name > span { font-size: 18px; }
  .product-logo__descriptor { font-size: 9px; }
}