/* Reference direction: quiet grey surfaces, left-aligned hero, precise white cards. */
#cc-ai-page { background:#f7f8fa!important; color:#101923; }
#cc-ai-page .intel-container { max-width:1170px; margin:0 auto; padding:58px 32px 68px; }
#cc-ai-page .intel-hero { padding:0 0 36px; background:transparent; }
#cc-ai-page .intel-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 13px; color:#12786f; background:#e9f4f0; border:1px solid #cee4db; border-radius:999px; font-size:12px; }
.intel-badge i { width:6px; height:6px; border-radius:50%; background:#13967e; }
#cc-ai-page .intel-hero h2 { margin:24px 0 17px; font-size:clamp(36px,4vw,56px); font-weight:700; line-height:1.18; letter-spacing:-.04em; color:#0b1520; }
.intel-tagline { font-size:22px; line-height:1.6; color:#273440; margin-bottom:14px; }
.intel-intro { font-size:15px; line-height:1.9; color:#697681; max-width:760px; }
.intel-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.intel-tags span { border:1px solid #e4e8eb; background:white; padding:5px 13px; border-radius:999px; font-size:12px; color:#67737e; }
.intel-meta { display:flex; flex-wrap:wrap; gap:12px 28px; margin:27px 0; padding-bottom:27px; border-bottom:1px solid #e1e6e9; color:#707b85; font-size:12px; }
.intel-meta b { color:#44535e; font-weight:600; margin-right:7px; }
.intel-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
#cc-ai-page .intel-primary { display:inline-flex; align-items:center; justify-content:center; gap:27px; padding:13px 23px; min-height:48px; border-radius:10px; background:#111c27; color:#fff; font-size:14px; font-weight:600; transition:transform .2s,background .2s; }
.intel-primary:hover { transform:translateY(-2px); background:#264652!important; }
.intel-text-link { font-size:13px; color:#65727f; }
#cc-ai-page .ai-section-nav { justify-content:flex-start; margin:0 0 0; padding:20px 0; border-top:1px solid #e1e6e9; border-bottom:1px solid #e1e6e9; gap:24px; }
#cc-ai-page .ai-section-nav a { border:0; border-radius:0; background:transparent; padding:0; font-size:12px; color:#677682; }
#cc-ai-page .ai-section-nav a:hover { color:#087b75; }
.intel-features,.intel-workflow,.intel-case,.intel-faq { padding:46px 0; border-bottom:1px solid #e1e6e9; scroll-margin-top:24px; }
.intel-section-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px 20px; margin-bottom:25px; }
#cc-ai-page .intel-section-heading h3 { font-size:22px; color:#15222d; letter-spacing:-.025em; }
.intel-section-heading>span { color:#7c8790; font-size:12px; }
.intel-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.intel-card { background:#fff; border:1px solid #e5e9ec; border-radius:14px; padding:30px; min-width:0; transition:border-color .25s,box-shadow .25s,transform .25s; }
.intel-card:hover { border-color:#c4d9d5; box-shadow:0 8px 25px #092a3710; transform:translateY(-2px); }
.intel-scenario { font-size:10px; font-weight:700; letter-spacing:.06em; color:#127d73; }
.intel-icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid #d7eae4; background:#f0f8f5; border-radius:10px; margin:20px 0 15px; font-size:25px; color:#188375; }
#cc-ai-page .intel-card h3 { font-size:22px; line-height:1.4; color:#172630; margin:0 0 12px; }
.intel-card p { font-size:13px; line-height:1.9; color:#6a7781; max-width:57ch; }
.intel-capabilities { list-style:none; padding:0; margin:23px 0 24px; display:grid; gap:18px; }
.intel-capabilities li { padding-left:14px; border-left:2px solid #e2eeea; }
.intel-capabilities b { display:block; font-size:13px; color:#324b53; font-weight:600; margin-bottom:4px; }
.intel-capabilities span { display:block; font-size:12px; color:#7b8790; line-height:1.85; }
.intel-card-footer { border-top:1px solid #edf0f2; padding-top:16px; display:flex; justify-content:space-between; color:#89939b; gap:10px; font-size:10px; }
.intel-control { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.intel-control .intel-capabilities { margin-bottom:0; }
.intel-control-demo { padding:23px; background:#f4f7f8; border:1px solid #e0e8e9; border-radius:12px; }
.intel-demo-top { display:flex; justify-content:space-between; color:#63747e; font-size:10px; margin-bottom:20px; }
.intel-demo-top i { display:inline-block; width:5px; height:5px; border-radius:50%; background:#15a08a; margin-right:6px; }
.intel-demo-screens { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.intel-demo-screens>div { min-width:0; background:#fff; border:1px solid #dde6e8; border-radius:7px; padding:13px 9px; }
.intel-demo-screens small { font-size:8px; color:#8b989f; display:block; }
.intel-demo-screens strong { display:block; font-size:13px; color:#45676e; margin:20px 0; }
.intel-demo-screens span { display:block; background:#eaf3f0; color:#458578; border-radius:4px; padding:4px 6px; font-size:8px; }
.intel-demo-scenes { display:flex; flex-wrap:wrap; gap:6px; margin-top:17px; }
.intel-demo-scenes span { padding:7px 10px; border:1px solid #e0e8e8; background:#fff; color:#819095; border-radius:6px; font-size:9px; }
.intel-demo-scenes .is-selected { border-color:#c0dcd4; background:#e7f2ed; color:#237f70; }
.intel-demo-bottom { display:flex; justify-content:space-between; gap:8px; font-size:9px; color:#88979c; margin-top:20px; }
.intel-demo-bottom b { font-weight:500; color:#428d80; }
.intel-control-demo p { font-size:9px; color:#a3adb2; margin:20px 0 0; }
.intel-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:30px; }
.intel-steps article>span { display:grid; place-items:center; width:36px; height:36px; background:#eaf4ee; border:1px solid #cee2d8; color:#238372; border-radius:50%; font-family:Consolas,monospace; font-size:13px; margin-bottom:17px; }
#cc-ai-page .intel-steps h4 { font-size:16px; color:#253842; margin:0 0 10px; }
.intel-steps p { font-size:13px; color:#7b8790; line-height:1.9; }
.intel-case-intro { max-width:750px; }
#cc-ai-page .intel-case-intro h4 { font-size:24px; margin:20px 0 12px; color:#263e48; }
.intel-case-intro p { font-size:14px; line-height:1.9; color:#74838c; }
.intel-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:26px 0 16px; }
.intel-stats>div { background:#fff; border:1px solid #e2e8eb; border-radius:12px; padding:24px; }
.intel-stats strong { font-size:34px; font-weight:650; color:#233e48; letter-spacing:-.04em; }
.intel-stats small { font-size:12px; margin-left:5px; font-weight:500; }
.intel-stats span { display:block; font-size:11px; color:#7b8992; margin-top:7px; }
.intel-case-note { font-size:10px; line-height:1.8; color:#99a2aa; }
.intel-faq details { background:transparent; border:0; border-bottom:1px solid #e1e6e9; border-radius:0; padding:0; margin:0; box-shadow:none; }
.intel-faq summary { font-size:14px; min-height:60px; padding:18px 0; color:#425560; }
.intel-faq details p { font-size:13px; line-height:1.9; color:#7b8790; padding:0 0 20px; }
.intel-cta { display:flex; align-items:center; justify-content:space-between; gap:30px; background:#111d29; border-radius:14px; padding:42px; margin-top:46px; }
.intel-cta>div>span { color:#9baab5; font-size:9px; letter-spacing:.12em; }
#cc-ai-page .intel-cta h3 { font-size:26px; color:#fff; margin:12px 0; }
.intel-cta p { color:#a5b4bf; font-size:13px; line-height:1.9; }
#cc-ai-page .intel-light { background:#fff; color:#172834; white-space:nowrap; }
#cc-ai-page .intel-light:hover { color:#fff; }
@media(max-width:800px) { .intel-control { gap:24px; grid-template-columns:1fr; }.intel-stats { grid-template-columns:1fr 1fr; }.intel-meta { gap:10px 20px; } }
@media(max-width:600px) {
 #cc-ai-page .intel-container { padding:28px 20px 40px; }
 #cc-ai-page .intel-hero h2 { font-size:34px; margin-top:22px; }
 .intel-tagline { font-size:18px; }.intel-intro { font-size:13px; }.intel-desktop-break { display:none; }
 .intel-tags { gap:6px; }.intel-tags span { font-size:10px; padding:5px 9px; }
 .intel-meta { display:grid; font-size:11px; gap:10px; margin:22px 0; padding-bottom:22px; }
 .intel-hero-actions { gap:17px; }#cc-ai-page .intel-primary { font-size:13px; padding:12px 18px; gap:18px; }
 .intel-text-link { font-size:12px; }.intel-feature-grid { grid-template-columns:1fr; gap:14px; }
 .intel-section-heading { display:block; }.intel-section-heading>span { display:block; margin-top:8px; }
 #cc-ai-page .intel-section-heading h3 { font-size:21px; }
 .intel-features,.intel-workflow,.intel-case,.intel-faq { padding:32px 0; }.intel-card { padding:24px; border-radius:12px; }
 .intel-control { grid-column:auto; }.intel-control-demo { padding:16px; }.intel-demo-screens { gap:6px; }.intel-demo-screens>div { padding:10px 6px; }.intel-demo-screens strong { font-size:11px; margin:17px 0; }
 .intel-steps { grid-template-columns:1fr; gap:24px; }.intel-steps article { padding-left:52px; position:relative; }.intel-steps article>span { position:absolute; left:0; top:0; }
 .intel-stats { gap:10px; }.intel-stats>div { padding:18px 14px; }.intel-stats strong { font-size:27px; }.intel-stats small { font-size:10px; }.intel-stats span { font-size:10px; }
 .intel-cta { display:block; padding:28px 24px; margin-top:32px; }#cc-ai-page .intel-cta h3 { font-size:23px; }.intel-cta .intel-primary { margin-top:22px; }
}
@media(prefers-reduced-motion:reduce) { .intel-card,.intel-primary { transition:none; }.intel-card:hover,.intel-primary:hover { transform:none; } }