/* AnswerSift product introduction; scoped to keep the shared site styles intact. */
.ai-source-page { background: #f5f8fc; }
.ai-source-page .as-hero { background:linear-gradient(125deg,#f7faff 35%,#eaf2ff 100%); padding:0 0 28px; }
.ai-source-page .as-hero-grid { display:grid; grid-template-columns:1.06fr 1fr; align-items:center; gap:60px; padding:60px 0 66px; }
.ai-source-page .as-eyebrow { display:flex; align-items:center; gap:12px; color:var(--ink); font-size:20px; font-weight:650; }
.ai-source-page .as-brand-icon { width:33px; height:33px; display:block; flex-shrink:0; }
.ai-source-page .as-product-tag { padding-left:13px; border-left:1px solid #cad5e5; font-size:12px; color:#596d88; font-weight:500; letter-spacing:.04em; }
.ai-source-page h1 { font-size:clamp(32px,3.1vw,45px); line-height:1.4; letter-spacing:-.035em; margin:24px 0 19px; }
.ai-source-page h1 em { color:var(--blue-deep); font-style:normal; }
.ai-source-page .as-lead { font-size:18px; line-height:1.85; max-width:530px; color:#314765; }
.ai-source-page .as-intro { font-size:14px; color:var(--ink-soft); line-height:1.95; margin-top:14px; max-width:515px; }
.ai-source-page .as-actions { display:flex; align-items:center; gap:27px; flex-wrap:wrap; margin:28px 0 12px; }
.ai-source-page .button { gap:20px; font-size:14px; border-radius:10px; min-height:50px; padding:13px 22px; }
.ai-source-page .as-text-link { color:var(--blue-deep); font-size:14px; font-weight:600; }
.ai-source-page .as-small { font-size:11px; color:#60728d; margin-top:12px; }
.ai-source-page .as-product-preview { margin:0; min-width:0; display:flex; flex-direction:column; align-items:center; gap:15px; }
.ai-source-page .as-product-preview img { display:block; width:350px; max-width:100%; height:auto; border-radius:16px; box-shadow:0 22px 55px #234b3818; }
.ai-source-page .as-product-preview figcaption { color:#6d7f94; font-size:11px; text-align:center; }
.ai-source-page .as-platforms { display:flex; align-items:center; gap:34px; padding-top:26px; border-top:1px solid #d9e4f3; }
.ai-source-page .as-platforms > p { flex-shrink:0; font-size:11px; line-height:1.8; color:#728199; }
.ai-source-page .as-platforms strong { color:#536781; font-weight:500; }
.ai-source-page .as-platforms > div { display:flex; flex-wrap:wrap; gap:10px 24px; align-items:center; }
.ai-source-page .as-platforms > div span { display:inline-flex; align-items:center; gap:7px; color:#48607e; font-size:14px; font-weight:600; white-space:nowrap; }
.ai-source-page .as-platform img { display:block; width:20px; height:20px; flex-shrink:0; object-fit:contain; }
.ai-source-page .as-section { padding:76px 0; }
.ai-source-page .as-white { background:#fff; }
.ai-source-page .as-section-heading { margin-bottom:34px; max-width:850px; }
.ai-source-page .section-kicker { font-size:11px; color:#4779b9; font-weight:600; margin-bottom:10px; letter-spacing:.12em; }
.ai-source-page h2 { font-size:clamp(26px,2.5vw,33px); line-height:1.5; letter-spacing:-.025em; margin:0 0 14px; }
.ai-source-page .as-section-heading > p:last-child { color:var(--ink-soft); font-size:14px; line-height:1.9; }
.ai-source-page .as-three-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.ai-source-page h3 { font-size:19px; line-height:1.6; margin:13px 0 10px; }
.ai-source-page .as-three-grid article p { font-size:14px; color:var(--ink-soft); line-height:1.95; }
.ai-source-page .as-value-grid article { padding:24px 26px; background:#f8faff; border:1px solid #e5ecf5; border-radius:12px; }
.ai-source-page .as-number { font-size:11px; color:#6282ad; letter-spacing:.08em; }
.ai-source-page .as-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; gap:26px; padding:0; margin:38px 0 42px; }
.ai-source-page .as-steps li { position:relative; }
.ai-source-page .as-steps li:not(:last-child)::after { content:""; position:absolute; height:1px; background:#d5e1f1; top:20px; left:54px; right:0; }
.ai-source-page .as-steps li > span { display:flex; align-items:center; justify-content:center; width:40px; height:40px; background:#e8f0fc; border:1px solid #cfdef4; border-radius:50%; color:#3068b9; font-size:14px; }
.ai-source-page .as-steps h3 { font-size:16px; margin-top:18px; }
.ai-source-page .as-steps p { font-size:13px; line-height:1.9; color:var(--ink-soft); }
.ai-source-page .as-group-example { display:grid; grid-template-columns:.8fr 1.3fr; gap:65px; background:#fff; border:1px solid #dfe8f4; border-radius:14px; padding:34px 38px; }
.ai-source-page .as-mini-label { font-size:11px; color:#4a75ad; }
.ai-source-page .as-group-example h3 { font-size:24px; }
.ai-source-page .as-group-example p { font-size:12px; color:var(--ink-soft); line-height:1.95; }
.ai-source-page .as-keyword-groups article { padding-bottom:18px; }
.ai-source-page .as-keyword-groups h4 { font-size:13px; margin:0 0 10px; font-weight:600; }
.ai-source-page .as-keyword-groups h4 > span { font-size:10px; color:#7c8a9f; font-weight:400; margin-left:8px; }
.ai-source-page .as-chips { display:flex; flex-wrap:wrap; gap:7px; }
.ai-source-page .as-chips span { font-size:11px; color:#4c6c96; background:#eef4fc; padding:4px 9px; border-radius:5px; }
.ai-source-page .as-keyword-groups > p { font-size:10px; }
.ai-source-page .as-evidence-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.ai-source-page .as-evidence-copy > p:not(.section-kicker) { font-size:14px; color:var(--ink-soft); line-height:1.95; margin-top:14px; }
.ai-source-page .as-evidence-note { border-left:3px solid #b9d1f3; padding:2px 0 2px 17px; color:#41648f; font-size:12px; line-height:1.9; margin-top:24px; }
.ai-source-page .as-evidence-types article { display:flex; gap:20px; padding:18px 0; border-bottom:1px solid #e5ebf3; }
.ai-source-page .as-evidence-types article:last-child { border-bottom:0; }
.ai-source-page .as-evidence-types article > span { font-size:11px; color:#7c9bc2; padding-top:6px; }
.ai-source-page .as-evidence-types h3 { font-size:16px; margin:0 0 5px; }
.ai-source-page .as-evidence-types p { font-size:12px; color:var(--ink-soft); }
.ai-source-page .as-decision-grid article { padding:0 26px 0 0; border-right:1px solid #dce5f1; }
.ai-source-page .as-decision-grid article:last-child { border-right:0; }
.ai-source-page .as-quote { position:relative; margin:38px 0 0; padding:26px 36px 26px 65px; background:#eaf2ff; border-radius:12px; }
.ai-source-page .as-quote > span { position:absolute; top:12px; left:25px; color:#92b5e6; font:52px Georgia,serif; }
.ai-source-page .as-quote p { font-size:18px; color:#2e527f; line-height:1.95; }
.ai-source-page .as-quote footer { font-size:11px; color:#6a82a2; margin-top:12px; }
.ai-source-page .as-review-row { display:grid; grid-template-columns:1.3fr 1fr; gap:65px; align-items:center; padding-top:44px; }
.ai-source-page .as-review-row h3 { margin-top:0; font-size:22px; }
.ai-source-page .as-review-row p:not(.section-kicker) { font-size:13px; line-height:1.95; color:var(--ink-soft); }
.ai-source-page .as-export { padding:24px 28px; background:white; border:1px solid #e1e8f3; border-radius:12px; }
.ai-source-page .as-export > span { font-size:11px; color:#607c9f; }
.ai-source-page .as-export > strong { display:block; font-size:25px; color:#3b6090; margin:8px 0; }
.ai-source-page .as-export i { font-style:normal; font-size:11px; color:#7b8aa0; font-weight:400; }
.ai-source-page .as-export b { font-size:18px; color:#c5d5e9; margin:0 9px; font-weight:400; }
.ai-source-page .as-export p { font-size:11px!important; }
.ai-source-page .as-faq-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:85px; }
.ai-source-page .as-faq details { border-bottom:1px solid #e1e8f1; padding:0 0 18px; margin-bottom:18px; }
.ai-source-page .as-faq summary { display:flex; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; font-size:14px; font-weight:600; }
.ai-source-page .as-faq summary::-webkit-details-marker { display:none; }
.ai-source-page .as-faq summary::after { content:"+"; font-size:19px; line-height:1.4; color:#6a8fbe; }
.ai-source-page .as-faq details[open] summary::after { content:"−"; }
.ai-source-page .as-faq p { font-size:13px; color:var(--ink-soft); line-height:1.95; margin-top:15px; padding-right:24px; }
.ai-source-page .as-bottom { padding:62px 0; background:#eaf2ff; }
.ai-source-page .as-bottom-inner { display:flex; justify-content:space-between; align-items:center; gap:40px; }
.ai-source-page .as-bottom h2 { font-size:30px; }
.ai-source-page .as-bottom-inner > div > p:not(.section-kicker):not(.as-small) { font-size:13px; color:var(--ink-soft); }
.ai-source-page .as-bottom-inner > div:last-child { flex-shrink:0; }
.ai-source-page :is(a,summary):focus-visible { outline:3px solid #84ade7; outline-offset:5px; }
.ai-source-page #how-it-works { scroll-margin-top:100px; }
@media (max-width:1050px) {
  .ai-source-page .as-hero-grid { gap:30px; }
  .ai-source-page h1 { font-size:34px; }
  .ai-source-page .as-evidence-grid { gap:45px; }
  .ai-source-page .as-platforms { align-items:flex-start; gap:24px; }
}
@media (max-width:760px) {
  .ai-source-page .as-hero-grid { grid-template-columns:1fr; padding:38px 0; gap:32px; }
  .ai-source-page .as-hero-copy { max-width:560px; }
  .ai-source-page h1 { font-size:clamp(28px,6vw,38px); }
  .ai-source-page .as-lead { font-size:16px; }
  .ai-source-page .as-platforms { flex-direction:column; gap:16px; }
  .ai-source-page .as-platforms > p br { display:none; }
  .ai-source-page .as-platforms > div { gap:12px 20px; }
  .ai-source-page .as-platforms > div span { font-size:12px; }
  .ai-source-page .as-section { padding:48px 0; }
  .ai-source-page .as-three-grid { grid-template-columns:1fr; gap:16px; }
  .ai-source-page .as-steps { grid-template-columns:1fr 1fr; gap:28px 23px; }
  .ai-source-page .as-steps li:nth-child(2)::after { display:none; }
  .ai-source-page .as-group-example { grid-template-columns:1fr; gap:24px; padding:26px; }
  .ai-source-page .as-group-example h3 br { display:none; }
  .ai-source-page .as-evidence-grid,.ai-source-page .as-review-row,.ai-source-page .as-faq-grid { grid-template-columns:1fr; gap:28px; }
  .ai-source-page .as-decision-grid article { border-right:0; border-bottom:1px solid #dce5f1; padding:0 0 22px; }
  .ai-source-page .as-decision-grid article:last-child { border-bottom:0; }
  .ai-source-page .as-quote { padding:23px 25px 23px 46px; }
  .ai-source-page .as-quote > span { left:14px; font-size:42px; }
  .ai-source-page .as-quote p { font-size:16px; }
  .ai-source-page .as-faq-grid .as-section-heading { margin:0; }
  .ai-source-page .as-bottom-inner { flex-direction:column; align-items:flex-start; gap:25px; }
  .ai-source-page .as-bottom { padding:45px 0; }
  .ai-source-page .as-bottom h2 { font-size:26px; }
}
@media (prefers-reduced-motion:reduce) { .ai-source-page { scroll-behavior:auto; } html:has(.ai-source-page) { scroll-behavior:auto; } }

/* Simplified Chinese product screenshots; independent of localized hero assets. */
.ai-source-page .as-demo-gallery { background:#f3f7fc; scroll-margin-top:88px; }
.ai-source-page .as-demo-tabs { display:flex; gap:10px; border-bottom:1px solid #d7e2ef; padding-bottom:16px; }
.ai-source-page .as-demo-tabs[hidden], .ai-source-page .as-demo-panel[hidden] { display:none; }
.ai-source-page .as-demo-tabs button { display:flex; align-items:center; gap:10px; padding:14px 22px; border:1px solid transparent; border-radius:9px; background:transparent; color:#466181; font-size:14px; font-weight:600; font-family:inherit; cursor:pointer; }
.ai-source-page .as-demo-tabs button span { font-size:11px; opacity:.65; }
.ai-source-page .as-demo-tabs button[aria-selected="true"] { background:white; border-color:#ccdbed; color:#184793; box-shadow:0 4px 14px #173c6510; }
.ai-source-page .as-demo-tabs button:focus-visible, .ai-source-page .as-demo-panel:focus-visible { outline:3px solid #84ade7; outline-offset:4px; }
.ai-source-page .as-demo-description { font-size:14px; color:var(--ink-soft); margin:24px 0 18px; }
.ai-source-page .as-demo-panel figure { margin:0; }
.ai-source-page .as-demo-panel figure > a { display:block; border:1px solid #dce5e0; border-radius:12px; overflow:hidden; box-shadow:0 14px 40px #2343360b; cursor:zoom-in; }
.ai-source-page .as-demo-panel img { display:block; width:100%; height:auto; }
.ai-source-page .as-demo-panel figcaption { display:flex; justify-content:space-between; gap:16px; margin-top:14px; font-size:11px; color:#6b819e; }
.ai-source-page .as-demo-panel figcaption a { color:#315c99; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:760px) {
  .ai-source-page .as-demo-tabs { gap:4px; }
  .ai-source-page .as-demo-tabs button { flex:1; justify-content:center; gap:5px; padding:12px 5px; font-size:12px; }
  .ai-source-page .as-demo-tabs button span { display:none; }
  .ai-source-page .as-demo-description { min-height:3.8em; font-size:13px; }
}