.chero-demo{margin:48px auto 0;max-width:1100px;padding:0 0 64px}.cdemo{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:stretch;text-align:left}.cdemo-side{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;background:#F5F5F7}.cdemo-side p{margin:0 0 6px 8px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8B8B95}.cdemo-side button{padding:9px 10px;border-radius:9px;border:0;background:none;font:inherit;font-size:14px;color:#3A3A42;text-align:left;cursor:pointer;transition:background .15s,color .15s}.cdemo-side button:hover{background:#EDEDF2}.cdemo-side button.on{background:#fff;color:#310EF0;font-weight:600;box-shadow:0 2px 8px rgba(29,29,31,.06)}.cdemo-hint{margin:14px auto 0;max-width:720px;font-size:14px;color:#6A6A74;text-align:center}.chero .cdemo-side{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.chero .cdemo-side p{color:rgba(255,255,255,.5)}.chero .cdemo-side button{color:rgba(255,255,255,.78)}.chero .cdemo-side button:hover{background:rgba(255,255,255,.08)}.chero .cdemo-side button.on{background:#fff;color:#310EF0}.chero .cdemo-hint{color:rgba(255,255,255,.62)}.lgrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stile{display:flex;flex-direction:column;gap:18px;padding:26px 24px 24px;border-radius:20px;background:var(--tile2,#F5F5F7)}.stile h3{margin:0;font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.01em}.stile h3 a{color:inherit}.stile h3 a:hover{color:#310EF0}.stile-tx p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2,#5E5E66)}.stile-ai{display:flex;align-items:flex-start;gap:6px;margin-top:12px;font-size:13px;color:#310EF0}.stile-ai .spark{flex:none;width:15px;height:15px;margin-top:2px}.stile-more{display:inline-block;margin-top:10px;font-size:14px;color:var(--link,#310EF0)}.stile .dfr{flex:1}.stile-empty{display:grid;place-items:center;min-height:220px;border-radius:14px;background:#fff;color:#8B8B95;font-size:14px}.ucases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line,#ececf1);border-radius:18px;overflow:hidden}.ucases li{display:flex;flex-direction:column;border-left:1px solid var(--line,#ececf1)}.ucases li:first-child{border-left:0}.ucases .case{padding:0;border-radius:0;background:#fff}.ucases img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:8/5;padding:10px 14px;box-sizing:border-box;object-fit:contain;background:#FAFAFC;border-bottom:1px solid var(--line,#ececf1)}.ucases-tx{padding:18px 20px 22px}.ucases-tx span{font-size:12px;font-weight:600;color:var(--khj-blue,#310EF0)}.ucases-tx p{margin:6px 0 0;font-size:16px;line-height:1.5;color:var(--ink-1,#1D1D1F)}@media (max-width:1080px){.ucases{grid-template-columns:repeat(2,minmax(0,1fr))}.ucases li:nth-child(3){border-left:0}.ucases li:nth-child(n+3){border-top:1px solid var(--line,#ececf1)}}@media (max-width:900px){.cdemo{grid-template-columns:minmax(0,1fr)}.cdemo-side{min-width:0;flex-direction:row;overflow-x:auto;padding:8px}.cdemo-side p{display:none}.cdemo-side button{flex:none;white-space:nowrap}.lgrid2{grid-template-columns:minmax(0,1fr)}.stile{min-width:0}}@media (max-width:600px){.chero-demo{padding-bottom:40px}.ucases{grid-template-columns:minmax(0,1fr)}.ucases li{border-left:0}.ucases li+li{border-top:1px solid var(--line,#ececf1)}.stile{padding:22px 16px 16px}.stile h3{font-size:21px}}