#cc-ai-page { background:#fff!important; }
.simple-ai { max-width:1200px; margin:auto; padding:48px 40px 30px; }
.simple-ai-heading { text-align:center; margin-bottom:22px; }
.simple-ai-heading>span { font-size:10px; letter-spacing:.16em; color:#8b999f; }
#cc-ai-page .simple-ai-heading h2 { font-size:36px; color:#17272f; margin:10px 0; }
#cc-ai-page .simple-ai .ai-section-nav { justify-content:center; gap:30px; border:0; margin:0; padding:0 0 25px; }
.simple-business { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; min-height:calc(90svh - var(--nav-h)); padding:65px 0; border-top:1px solid #edf0f1; }
.simple-business-1 { min-height:calc(100svh - var(--nav-h) - 210px); padding-block:40px; }
.simple-index { color:#16858a; font-size:12px; letter-spacing:.08em; }
#cc-ai-page .simple-copy h3 { font-size:clamp(30px,3.2vw,46px); line-height:1.25; letter-spacing:-.04em; color:#17292f; margin:18px 0 22px; }
#cc-ai-page .simple-copy h4 { font-size:20px; line-height:1.6; color:#3d535b; margin:0 0 15px; font-weight:500; }
.simple-copy>p { font-size:14px; line-height:1.9; max-width:31ch; color:#88949a; }
.simple-tags { display:flex; flex-wrap:wrap; gap:8px; margin:23px 0 28px; }
.simple-tags span { padding:5px 11px; font-size:11px; border:1px solid #dfe8e9; border-radius:999px; color:#6b858b; }
.simple-consult { display:inline-flex; padding:11px 24px; font-size:13px; border-radius:999px; color:#fff; background:#172c34; }
.simple-consult:hover { background:#087b83; color:white; }
.simple-visual { position:relative; padding:48px 30px; border-radius:16px; background:radial-gradient(ellipse at 100% 0,#e0f2ef,transparent 75%),#f1f6f5; }
.simple-business-2 .simple-visual { background:radial-gradient(ellipse at 100% 0,#e6e5f1,transparent 75%),#f4f4f8; }
.simple-business-3 .simple-visual { background:radial-gradient(ellipse at 100% 0,#d5e5ec,transparent 75%),#f0f5f7; }
.simple-demo { background:#ffffffec; border:1px solid white; border-radius:12px; padding:23px; box-shadow:0 18px 40px #2847500e; }
.simple-demo-head { display:flex; justify-content:space-between; align-items:center; font-size:13px; color:#3d5e67; margin-bottom:24px; }
.simple-demo-head small { font-size:9px; color:#96a6ab; }
.simple-dates { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:18px; }
.simple-dates>span { border:1px solid #e0edeb; border-radius:7px; background:#f5f9f8; font-size:12px; padding:11px; color:#78938f; text-align:center; }
.simple-dates small { display:block; font-size:9px; margin-top:5px; }
.simple-dates .selected { background:#308c86; color:#fff; border-color:#308c86; }
.simple-field { display:flex; justify-content:space-between; padding:12px 0; font-size:10px; border-bottom:1px solid #edf2f1; color:#a1aeaf; }
.simple-field b { font-weight:500; color:#668580; }
.simple-status { margin-top:22px; background:#edf6f3; color:#619189; font-size:10px; padding:11px 8px; text-align:center; border-radius:6px; }
.simple-story { display:flex; gap:15px; padding:14px 0; align-items:center; border-bottom:1px solid #eeedf3; }
.simple-story>span { display:grid; place-items:center; width:30px; height:30px; border-radius:7px; font-size:11px; background:#f1eff7; color:#948ba6; flex:none; }
.simple-story b { display:block; font-size:11px; color:#726a86; font-weight:600; }
.simple-story small { display:block; margin-top:5px; font-size:9px; color:#aaa4b6; }
.simple-business-2 .simple-status { background:#f3f0f8; color:#9487a7; }
.simple-screens { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.simple-screens>div { background:linear-gradient(145deg,#f5fafb,#dfedf0); border:1px solid #e0e9eb; border-radius:7px; padding:14px 8px; }
.simple-screens span { display:block; color:#90a9ae; font-size:8px; }
.simple-screens b { display:block; color:#5e858f; font-size:11px; margin-top:35px; font-weight:500; }
.simple-modes { display:flex; gap:7px; margin-top:21px; }
.simple-modes>span { background:#f5f8f9; border:1px solid #e8edef; padding:7px 9px; font-size:8px; border-radius:5px; color:#9babb0; }
.simple-modes .selected { background:#e5f2f3; color:#578b93; border-color:#c7e2e5; }
.simple-demo-note { position:absolute; bottom:14px; right:20px; font-size:9px; color:#a2b1b4; }
.service-detail-close { padding:0!important; line-height:1!important; display:grid!important; place-items:center!important; }
.service-detail-close svg { display:block; width:16px; height:16px; margin:0; flex:none; transform:none; }
@media(max-width:800px) { .simple-business { gap:28px; }.simple-visual { padding:35px 20px; }.simple-demo { padding:18px; } }
@media(max-width:600px) {
 .simple-ai { padding:30px 20px 20px; }#cc-ai-page .simple-ai-heading h2 { font-size:29px; }
 #cc-ai-page .simple-ai .ai-section-nav { gap:18px; padding-bottom:24px; }#cc-ai-page .simple-ai .ai-section-nav a { font-size:11px; }
 .simple-business { grid-template-columns:1fr; gap:30px; padding:38px 0; min-height:0; }
 #cc-ai-page .simple-copy h3 { font-size:32px; margin:14px 0 18px; }#cc-ai-page .simple-copy h4 { font-size:18px; margin-bottom:10px; }
 .simple-copy>p { max-width:none; font-size:13px; }.simple-tags { margin:18px 0 22px; }
 .simple-visual { padding:30px 24px 35px; }.simple-demo { padding:20px; }.simple-dates>span { padding:10px 6px; }
}