/* Jiayu AI — product-led visual refresh */
:root { --blue:#1769e8; --blue-dark:#0755c8; --ink:#17212d; --text:#606b78; --line:#e8ecf1; }
body { color:var(--ink); background:#fff; font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif; letter-spacing:-.01em; }
.wrap { width:min(1200px,calc(100% - 80px)); }
.site-header { height:72px; background:rgba(255,255,255,.88); border-bottom:1px solid rgba(21,36,51,.07); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.header-inner { gap:28px; }
.site-nav { gap:2px; }
.site-nav a { color:#52606d; font-size:13px; font-weight:400; padding:0 13px; background:transparent; }
.site-nav a:hover,.site-nav a[aria-current="location"] { color:#1264df; background:transparent; }
.contact-link { border:0; color:#495866; padding:0 12px; font-weight:400; }
.contact-link:hover { background:transparent; color:#1264df; }
.button,.hero-actions .button { min-height:50px; padding:0 24px; border-radius:999px; font-size:15px; font-weight:500; letter-spacing:0; gap:12px; box-shadow:none; }
.button.primary,.hero-actions .button.primary { background:#1769e8; border-color:#1769e8; color:#fff; box-shadow:none; }
.button.primary:hover,.hero-actions .button.primary:hover { background:#0759cf; border-color:#0759cf; box-shadow:none; }
.button.border,.hero-actions .button.border { background:transparent; border:1px solid #cbd6e4; color:#1769e8; box-shadow:none; padding:0 24px; }
.button.border:hover,.hero-actions .button.border:hover { background:#eff5ff; border-color:#a8c4e9; box-shadow:none; }
.button.primary .cta-arrow,.hero-actions .button.border .cta-arrow { width:18px; height:18px; margin:0; border:0; background:none; }
.button.primary .cta-arrow svg,.hero-actions .button.border .cta-arrow svg { width:17px; height:17px; }
.button.small { min-height:38px; padding:0 17px; font-size:13px; gap:8px; }
.header-actions .button.primary .cta-arrow { width:16px; height:16px; margin:0; }
.hero-section { background:linear-gradient(180deg,#fff 0%,#f8faff 100%); }
.hero-glow { width:900px; height:600px; left:50%; right:auto; bottom:0; transform:translateX(-50%); background:radial-gradient(ellipse,rgba(214,229,255,.48),transparent 70%); }
.hero-layout { display:flex; flex-direction:column; align-items:center; gap:76px; min-height:0; padding-top:100px; padding-bottom:116px; }
.hero-copy { width:100%; max-width:820px; text-align:center; }
.brand-kicker { justify-content:center; margin:0 0 18px; color:#667a8d; font-size:12px; font-weight:500; letter-spacing:.04em; }
.hero-overline { font-size:19px; line-height:1.5; color:#5d6f80; margin-bottom:10px; }
.hero-copy h1 { font-size:clamp(48px,5.3vw,72px); line-height:1.18; font-weight:650; letter-spacing:-.045em; color:#17212d; }
.hero-copy h1 span { color:#1769e8; }
.hero-description { margin-top:24px; font-size:17px; line-height:1.8; color:#687480; }
.hero-actions { justify-content:center; margin-top:32px; gap:12px; }
.hero-note { justify-content:center; margin-top:19px; color:#8994a0; font-size:12px; }
.hero-product { width:min(900px,100%); max-width:900px; padding:0; margin:0; }
.preview-halo { opacity:.42; }
.product-window { border:1px solid #e4ebf4; border-radius:20px; background:#fff; box-shadow:0 35px 95px rgba(36,68,108,.12),0 3px 14px rgba(36,68,108,.04); overflow:hidden; }
.window-bar { height:48px; padding:0 22px; background:#f7f9fc; border-bottom:1px solid #edf1f5; color:#7b8997; }
.window-content { padding:30px 34px; }
.window-title h3 { color:#233346; }
.floating-insight,.floating-cost { border:1px solid #e5edf5; border-radius:18px; box-shadow:0 18px 45px rgba(35,66,99,.09); }
.floating-insight { left:-55px; top:50px; }
.floating-cost { left:auto; right:-50px; bottom:-36px; }
.context-strip { background:#fff; border-bottom:1px solid #edf0f4; }
.context-inner { padding:34px 0; }
.section,.product-insight-section { padding:120px 0; }
.section-heading { margin-bottom:52px; }
.section-heading h2,.product-insight-heading h2,.workflow-intro h2,.faq-layout h2 { color:#17212d; font-size:clamp(32px,3.3vw,46px); line-height:1.3; letter-spacing:-.035em; font-weight:650; }
.section-heading p,.product-insight-heading p,.workflow-intro p,.faq-layout>div>p { color:#6b7783; font-size:16px; line-height:1.85; }
.section-eyebrow,.product-insight-heading .eyebrow { color:#1769e8; font-size:11px; font-weight:600; letter-spacing:.12em; }
.feature-tabs { border-bottom:1px solid #e8ecf1; }
.feature-tabs button { color:#75818c; }
.feature-tabs button.active { color:#1769e8; border-color:#1769e8; }
.feature-panel { border-radius:24px; }
.feature-demo { border-radius:24px; border:1px solid #e9eef5; box-shadow:none; }
.solutions-section { background:#f7f8fa; }
.solution-grid { gap:20px; }
.solution-card { border:1px solid #edf0f4; border-radius:24px; background:#fff; overflow:hidden; box-shadow:0 12px 40px rgba(30,48,70,.04); }
.solution-copy { padding:28px 30px 32px; }
.solution-copy h3 { color:#17212d; font-size:22px; letter-spacing:-.02em; }
.solution-copy p { color:#6b7783; font-size:14px; line-height:1.8; }
.solution-copy a,.text-link,.product-insight-footer a { color:#1769e8; }
.product-insight-section { background:#fff; border:0; }
.product-insight-inner { width:min(1200px,calc(100% - 80px)); }
.product-insight-heading { margin-bottom:40px; }
.product-insight-section .insight-stage { border:1px solid #e8edf3; border-radius:24px; box-shadow:0 18px 55px rgba(33,54,78,.05); }
.product-insight-tabs { border-radius:999px; background:#f0f3f7; padding:4px; }
.product-insight-tabs button { border-radius:999px; }
.workflow-section { background:#f7f8fa; }
.workflow-steps article { border-color:#e3e9ef; }
.workflow-steps article h3 { color:#253547; }
.workflow-steps article p { color:#72808d; }
.principle-section { background:#fff; border-color:#edf0f4; }
.faq-section { background:#fff; }
.faq-list details { border-color:#e6ebf0; }
.faq-list summary { color:#243447; font-size:15px; }
.bottom-cta { background:#fff; padding:0 0 90px; }
.bottom-cta-inner { border-radius:28px; background:#f3f6fa; border:0; padding:62px; }
.bottom-cta h2 { color:#17212d; letter-spacing:-.03em; }
.site-footer { border-top:1px solid #e9edf1; }
@media(max-width:960px) {
 .wrap,.product-insight-inner { width:calc(100% - 56px); }
 .hero-layout { padding:80px 0 100px; gap:65px; }
 .floating-insight { left:-10px; top:-36px; }
 .floating-cost { right:-10px; left:auto; }
 .section,.product-insight-section { padding:88px 0; }
}
@media(max-width:700px) {
 .wrap,.product-insight-inner { width:calc(100% - 40px); }
 .site-header { height:70px; }
 .site-nav { top:69px; }
 .hero-layout { padding:64px 0 72px; gap:44px; }
 .hero-copy h1 { font-size:clamp(39px,10vw,53px); letter-spacing:-.04em; }
 .hero-overline { font-size:16px; }
 .hero-description { font-size:14px; line-height:1.8; margin-top:20px; }
 .brand-kicker { font-size:11px; margin-bottom:15px; }
 .hero-actions { flex-wrap:wrap; gap:10px; margin-top:26px; }
 .hero-actions .button { min-height:46px; padding:0 18px; font-size:13px; gap:8px; }
 .hero-actions .button.border { padding:0 18px; }
 .hero-note { font-size:10px; }
 .hero-product { width:100%; }
 .floating-insight { position:relative; left:auto; top:auto; width:100%; margin:0 0 14px; }
 .floating-cost { display:none; }
 .product-window { border-radius:16px; }
 .window-content { padding:18px; }
 .window-bar { height:38px; padding:0 14px; }
 .context-inner { padding:28px 0; }
 .section,.product-insight-section { padding:72px 0; }
 .section-heading { margin-bottom:32px; }
 .section-heading h2,.product-insight-heading h2,.workflow-intro h2,.faq-layout h2 { font-size:30px; }
 .section-heading p,.product-insight-heading p,.workflow-intro p,.faq-layout>div>p { font-size:14px; }
 .solution-grid { gap:14px; }
 .solution-card { border-radius:20px; }
 .solution-copy { padding:24px; }
 .solution-copy p { min-height:0; }
 .product-insight-section .insight-stage { border-radius:18px; }
 .bottom-cta { padding-bottom:60px; }
 .bottom-cta-inner { border-radius:22px; padding:34px 28px; }
}
@media(prefers-reduced-motion:reduce) { .button,.cta-arrow { transition:none; } }

/* Reference-led typography: clear Chinese type, generous leading and restrained spacing. */
body { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,Helvetica,sans-serif; font-size:16px; line-height:1.75; letter-spacing:normal; }
.site-nav a { font-size:15px; line-height:28px; font-weight:500; }
.hero-layout { padding-top:104px; }
.hero-overline { margin-bottom:18px; color:#66717d; font-size:18px; line-height:1.75; }
.hero-copy h1 { font-size:clamp(48px,5vw,68px); line-height:1.3; letter-spacing:normal; font-weight:700; }
.hero-description { margin-top:26px; color:#626e79; font-size:18px; line-height:1.85; }
.hero-actions { margin-top:32px; }
.hero-note { font-size:12px; line-height:1.7; }
.section-heading h2,.product-insight-heading h2,.workflow-intro h2,.faq-layout h2 { font-size:clamp(32px,3.2vw,44px); font-weight:700; line-height:1.45; letter-spacing:normal; }
.section-heading p,.product-insight-heading p,.workflow-intro p,.faq-layout>div>p { font-size:16px; line-height:1.9; letter-spacing:normal; }
.feature-copy h3,.solution-copy h3 { font-size:25px; line-height:1.5; letter-spacing:normal; font-weight:650; }
.feature-copy>p,.solution-copy p,.workflow-steps article p { font-size:15px; line-height:1.9; letter-spacing:normal; }
.feature-copy li,.workflow-steps article h3,.faq-list summary { font-size:15px; line-height:1.75; }
.faq-list details>p { font-size:14px; line-height:1.9; }
.section-eyebrow,.product-insight-heading .eyebrow { letter-spacing:.1em; }
@media(max-width:700px) {
 .hero-layout { padding-top:68px; }
 .hero-overline { font-size:15px; margin-bottom:14px; }
 .hero-copy h1 { font-size:clamp(37px,9vw,48px); line-height:1.35; letter-spacing:normal; }
 .hero-description { font-size:15px; line-height:1.8; margin-top:20px; }
 .section-heading h2,.product-insight-heading h2,.workflow-intro h2,.faq-layout h2 { font-size:28px; line-height:1.5; }
 .section-heading p,.product-insight-heading p,.workflow-intro p,.faq-layout>div>p { font-size:14px; line-height:1.85; }
 .feature-copy h3,.solution-copy h3 { font-size:21px; line-height:1.5; }
 .feature-copy>p,.solution-copy p,.workflow-steps article p { font-size:14px; line-height:1.85; }
}