.showcase-heading{max-width:760px;margin-bottom:45px}.showcase-heading>p{color:#657487;line-height:1.75}.module-showcase{background:#f3f7f9}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.module-card{background:#fff;border:1px solid #dce5eb;border-radius:16px;overflow:hidden;box-shadow:0 14px 35px rgba(6,36,55,.06)}.module-visual{height:235px;padding:0 22px 22px;background:linear-gradient(145deg,#071827,#0e2a40);color:#fff}.visual-bar{height:43px;display:flex;gap:6px;align-items:center;border-bottom:1px solid #224057;color:#6f8ba0;font-size:9px}.visual-bar i{width:7px;height:7px;border-radius:50%;background:#28445a}.visual-bar i:first-child{background:#14c7d5}.visual-bar span{margin-left:auto}.module-copy{padding:28px}.module-title{display:flex;gap:14px;align-items:center}.module-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#e8f8fa;color:#079aad}.module-icon svg{width:21px}.module-title h3{font-size:21px;margin:5px 0}.module-title small{font-size:9px;padding:4px 8px;border-radius:999px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.badge-free{background:#e7f8f0;color:#078653}.badge-pro{background:#e8efff;color:#2469da}.module-copy>p{color:#647285;line-height:1.65;font-size:14px}.module-copy ul{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid #e3eaee;display:grid;gap:10px}.module-copy li{display:flex;gap:8px;color:#445467;font-size:12px}.module-copy li svg{width:15px;min-width:15px;color:#0aa775}.mini-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:22px}.mini-dashboard>div{padding:14px;background:#102c43;border:1px solid #21435c;border-radius:8px;display:grid}.mini-dashboard b{font-size:18px}.mini-dashboard small{color:#6f9aad;margin-top:5px}.mini-dashboard .mini-chart{grid-column:1/-1;height:85px;display:flex;align-items:end;gap:9px;padding:13px}.mini-chart i{flex:1;background:linear-gradient(#16d1d8,#3677ee);border-radius:3px 3px 0 0}.mini-chart i:nth-child(1){height:38%}.mini-chart i:nth-child(2){height:62%}.mini-chart i:nth-child(3){height:48%}.mini-chart i:nth-child(4){height:80%}.mini-chart i:nth-child(5){height:68%}.mini-chart i:nth-child(6){height:92%}.mini-sale{padding-top:20px;display:grid;gap:9px}.mini-sale>div,.mini-sale>strong{background:#102c43;border:1px solid #21435c;border-radius:7px;padding:12px;display:flex;justify-content:space-between;font-size:11px}.mini-sale strong{background:#0b766f;color:#fff;font-size:14px}.mini-table{margin-top:20px;display:grid;grid-template-columns:1fr auto;background:#102c43;border:1px solid #21435c;border-radius:8px;overflow:hidden}.mini-table>*{padding:10px;border-bottom:1px solid #203f56;font-size:10px}.mini-table b{color:#59cad7}.mini-table em{font-style:normal;color:#45d29a}.mini-clients{margin-top:35px;background:#102c43;border:1px solid #21435c;padding:20px;border-radius:10px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.mini-clients .avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#1abac7;font-weight:800}.mini-clients div{display:grid}.mini-clients small{color:#7997aa;margin-top:4px}.mini-clients i{font-style:normal;font-size:9px;background:#183a52;padding:7px;border-radius:999px}.mini-service{margin-top:25px;background:#102c43;border:1px solid #21435c;padding:20px;border-radius:10px;display:grid;position:relative}.mini-service small{color:#5dd0dc}.mini-service b{font-size:20px;margin:13px 0 4px}.mini-service span{font-size:11px;color:#8ca5b7}.mini-service i{position:absolute;right:15px;top:15px;font-size:9px;font-style:normal;background:#164a45;color:#5ee2ae;padding:7px 9px;border-radius:999px}.mini-cash{padding-top:27px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-cash div{background:#102c43;border:1px solid #21435c;padding:18px 10px;border-radius:8px;display:grid}.mini-cash small{color:#75a0b5}.mini-cash b{font-size:15px;margin-top:10px}.mini-ai{padding-top:27px}.mini-ai>span{display:block;background:#102c43;border:1px solid #21435c;padding:13px;border-radius:9px 9px 2px 9px;font-size:11px;margin-left:55px}.mini-ai p{display:flex;gap:8px;background:linear-gradient(135deg,#0a6b75,#15477c);padding:16px;border-radius:2px 9px 9px 9px;font-size:11px;line-height:1.5}.mini-ai svg{width:16px;min-width:16px;color:#59e5df}.mini-settings{padding-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-settings span{height:70px;border:1px solid #25506c;background:#102c43;border-radius:9px}.mini-settings b{grid-column:1/-1;font-size:11px;color:#75a0b5}.real-gallery{background:#071727;color:#fff}.real-gallery .showcase-heading>p{color:#8da2b4}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.screenshot-grid figure{margin:0;background:#0d263b;border:1px solid #214057;border-radius:14px;overflow:hidden}.screenshot-grid a{display:block;aspect-ratio:16/9;overflow:hidden;background:#06121e}.screenshot-grid img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s}.screenshot-grid a:hover img{transform:scale(1.02)}.screenshot-grid figcaption{padding:20px;display:grid}.screenshot-grid figcaption b{font-size:17px}.screenshot-grid figcaption span{color:#90a5b5;font-size:12px;margin-top:7px;line-height:1.5}.screenshot-grid figcaption small{color:#45cbd5;font-size:9px;margin-top:12px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:850px){.module-grid,.screenshot-grid{grid-template-columns:1fr}.module-card{max-width:650px}.module-visual{height:220px}}
@media(max-width:480px){.module-showcase,.real-gallery{padding-left:16px;padding-right:16px}.module-visual{height:205px;padding:0 14px 14px}.module-copy{padding:22px 18px}.mini-cash{grid-template-columns:1fr}.mini-cash div{padding:8px 12px;display:flex;justify-content:space-between}.mini-cash b{margin:0}.mini-clients{grid-template-columns:auto 1fr}.mini-clients i{grid-column:2;width:max-content}.screenshot-grid{gap:16px}}