/* CODOO APP LANDING V1-R12B4 */
.codoo-app-page{font-family:Tahoma,Arial,sans-serif;color:#18233b;background:#fff}
.app-wrap{width:min(1180px,92%);margin:auto}
.app-hero{text-align:center;padding:85px 0;background:linear-gradient(180deg,#fff,#f5f0f5)}
.app-kicker{color:#714b67;font-weight:800;font-size:14px;letter-spacing:1px}
.app-hero h1{font-size:clamp(42px,6vw,76px);font-weight:800;margin:20px 0}
.app-subtitle{font-size:21px;line-height:1.9;color:#657185;max-width:760px;margin:0 auto 30px}
.app-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:65px}
.app-btn{display:inline-block;padding:15px 30px;border-radius:9px;text-decoration:none;font-weight:700}
.app-btn.primary{background:#714b67;color:#fff}
.app-btn.secondary{background:#ebe6ec;color:#714b67}
.app-preview{max-width:920px;margin:auto;border:1px solid #e7e7ec;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 25px 65px #18233b20;text-align:start}
.app-preview-top{padding:18px 25px;border-bottom:1px solid #eee;color:#714b67;font-weight:700}
.app-preview-main{text-align:center;padding:55px 30px}
.app-preview-icon{font-size:60px;color:#714b67}
.app-preview-main h2{font-size:32px;font-weight:800}
.app-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}
.app-preview-grid span{height:95px;border-radius:12px;background:#f0eaf1}
.app-features{padding:95px 0;text-align:center}
.app-features h2,.app-related h2{font-size:36px;font-weight:800;margin:15px 0 45px}
.app-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:start}
.app-feature{padding:30px;border:1px solid #e9e9ef;border-radius:16px;box-shadow:0 10px 30px #17233b08}
.app-feature-icon{width:46px;height:46px;display:grid;place-items:center;background:#e6f7f3;color:#008c7c;border-radius:12px;font-size:24px;margin-bottom:20px}
.app-feature h3{font-size:20px;font-weight:800}
.app-feature p{color:#657185;line-height:1.8}
.app-related{padding:85px 0;background:#f7f8fa;text-align:center}
.app-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:start}
.app-related-grid a{display:flex;justify-content:space-between;padding:24px;border-radius:12px;background:white;text-decoration:none;color:#17233b}
.app-final{padding:90px 0;text-align:center;background:#f3edf2}
.app-final h2{font-size:36px;font-weight:800;margin-bottom:30px}
@media(max-width:800px){
.app-feature-grid,.app-related-grid{grid-template-columns:1fr}
.app-hero{padding-top:55px}
.app-features h2,.app-related h2{font-size:27px}
.app-preview-main{padding:35px 20px}
}