/* CODOO_OVERVIEW_R7: scoped marketing overview */
html{scroll-behavior:smooth}
#app-overview{scroll-margin-top:110px}
.codoo-overview-r7{max-width:1280px;margin:20px auto 70px;padding:48px 32px 16px;color:#17213b;box-sizing:border-box}
.codoo-overview-r7__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.codoo-overview-r7__eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:800;color:#785071}
.codoo-overview-r7 h2{font-size:clamp(30px,4vw,58px);line-height:1.25;margin:22px 0;font-weight:850}
.codoo-overview-r7 h2 em{color:#785071;font-style:normal}
.codoo-overview-r7__intro>p{font-size:19px;line-height:1.95;color:#65718a;max-width:650px}
.codoo-overview-r7__actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.codoo-overview-r7__button{background:#785071;color:#fff!important;text-decoration:none;padding:15px 24px;border-radius:9px;font-weight:700}
.codoo-overview-r7__link{color:#785071;text-decoration:none;font-weight:700}
.codoo-overview-r7__visual{position:relative;min-height:345px;display:grid;place-items:center;background:radial-gradient(circle at 70% 25%,#efe5ed,transparent 55%),#f7f5f8;border-radius:28px;padding:32px}
.codoo-overview-r7__mock{width:min(100%,490px);background:#fff;border:1px solid #eee5ed;border-radius:15px;box-shadow:0 22px 55px #44233a24;overflow:hidden;transform:rotate(-2deg)}
.codoo-overview-r7__mocktop{height:42px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:7px;padding:0 17px;direction:ltr}
.codoo-overview-r7__mocktop span{font-size:13px;font-weight:800;color:#785071;margin-right:auto}
.codoo-overview-r7__mocktop i{height:8px;width:8px;border-radius:50%;background:#e3d9e3}
.codoo-overview-r7__mockbody{display:flex;min-height:220px;direction:ltr}
.codoo-overview-r7__side{width:22%;background:#faf7fa;border-right:1px solid #eee;padding:24px 12px;display:flex;flex-direction:column;gap:17px}
.codoo-overview-r7__side b{height:8px;background:#ded4df;border-radius:8px}
.codoo-overview-r7__main{flex:1;padding:22px}
.codoo-overview-r7__bars{display:flex;gap:10px}
.codoo-overview-r7__bars b{height:35px;flex:1;border-radius:7px;background:#f2eaf2}
.codoo-overview-r7__chart{height:115px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #e5e2e7;padding:12px 4px 0;gap:12px}
.codoo-overview-r7__chart i{flex:1;border-radius:5px 5px 0 0;background:#b99bb4;height:55%}
.codoo-overview-r7__chart i:nth-child(2){height:76%;background:#795176}.codoo-overview-r7__chart i:nth-child(3){height:42%}.codoo-overview-r7__chart i:nth-child(4){height:88%;background:#795176}.codoo-overview-r7__chart i:nth-child(5){height:63%}.codoo-overview-r7__chart i:nth-child(6){height:95%;background:#795176}
.codoo-overview-r7__lines{display:flex;gap:8px;margin-top:16px}.codoo-overview-r7__lines b{height:8px;background:#e7e2e9;flex:1;border-radius:5px}
.codoo-overview-r7__visualnote{position:absolute;bottom:15px;right:20px;font-size:11px;font-weight:800;letter-spacing:2px;color:#997b94}
.codoo-overview-r7__benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}
.codoo-overview-r7__benefits article{background:#faf8fb;border:1px solid #eee8ef;padding:24px;border-radius:16px}
.codoo-overview-r7__benefits span{font-size:12px;color:#795176;font-weight:800}.codoo-overview-r7__benefits h3{font-size:20px;margin:12px 0 8px}.codoo-overview-r7__benefits p{color:#6a7284;line-height:1.8;margin:0}
@media(max-width:850px){.codoo-overview-r7{padding:28px 18px}.codoo-overview-r7__inner{grid-template-columns:1fr;gap:26px}.codoo-overview-r7__visual{min-height:260px}.codoo-overview-r7__benefits{grid-template-columns:1fr}.codoo-overview-r7__intro>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}