.mars-portfolio-wrap,.mars-single{--a:#6d28d9;direction:rtl;font-family:inherit}
.mars-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:28px}.mars-filters button{background:#fff;border:1px solid #ddd;border-radius:99px;padding:9px 18px;cursor:pointer;font:inherit}.mars-filters button.active{background:var(--a);color:#fff;border-color:var(--a)}
.mars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mars-card{background:#fff;border:1px solid #eee;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #0000000b;transition:.25s}.mars-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #00000018}.mars-card-img{display:block;position:relative;aspect-ratio:16/10;background:#f4f4f5;overflow:hidden}.mars-card-img img{width:100%;height:100%;object-fit:cover;transition:.35s}.mars-card:hover img{transform:scale(1.05)}.mars-placeholder{height:100%;display:grid;place-items:center;font-size:28px;font-weight:800;color:var(--a)}.mars-badge{position:absolute;top:14px;right:14px;background:#fff;padding:7px 11px;border-radius:10px;font-size:12px}.mars-view{position:absolute;bottom:14px;right:14px;background:#111827e8;color:#fff;padding:9px 13px;border-radius:10px;opacity:0;transform:translateY(8px);transition:.2s}.mars-card:hover .mars-view{opacity:1;transform:none}.mars-card-body{padding:20px}.mars-cat,.mars-kicker{color:var(--a);font-size:12px;font-weight:800}.mars-card h3{margin:7px 0;font-size:20px}.mars-card p{color:#777;line-height:1.8}.mars-details{color:var(--a);font-weight:700;text-decoration:none}.mars-details span{display:inline-block;margin-right:6px}
.mars-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;background:linear-gradient(135deg,#faf7ff,#fff);padding:40px;border-radius:28px;margin-bottom:25px}.mars-hero h1{font-size:42px;margin:10px 0}.mars-hero p{color:#666}.mars-hero-img img{width:100%;border-radius:20px;display:block;box-shadow:0 20px 50px #0002}.mars-main-btn{display:inline-block;background:var(--a);color:#fff!important;text-decoration:none!important;padding:12px 20px;border-radius:12px;font-weight:700;margin-top:15px}.mars-info{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.mars-info div{background:#f8f8fa;padding:18px;border-radius:15px}.mars-info b,.mars-info span{display:block}.mars-info b{font-size:12px;color:#777;margin-bottom:5px}.mars-previews,.mars-body{margin-top:35px}.mars-previews h2,.mars-section h2{font-size:25px}.mars-devices{display:flex;gap:30px;align-items:flex-start}.mars-device{background:#171717;padding:10px;border-radius:18px;box-shadow:0 20px 45px #0002}.mars-device.desktop{flex:1}.mars-device.mobile{width:280px}.mars-device img{display:block;width:100%;max-height:600px;object-fit:cover;border-radius:10px}.device-bar{color:#bbb;font-size:11px;padding:4px 6px}.device-bar span{margin-right:20px}.mars-section{margin:30px 0;line-height:2}.mars-section li{margin:8px 0}.mars-cta{text-align:center;background:#f5f3ff;padding:35px;border-radius:22px;margin-top:35px}.mars-cta h2{margin:0}
@media(max-width:900px){.mars-grid{grid-template-columns:repeat(2,1fr)}.mars-hero{grid-template-columns:1fr}.mars-info{grid-template-columns:repeat(2,1fr)}.mars-devices{flex-direction:column}.mars-device.mobile{width:min(280px,100%)}}
@media(max-width:600px){.mars-grid{grid-template-columns:1fr}.mars-hero{padding:25px}.mars-hero h1{font-size:32px}.mars-info{grid-template-columns:1fr}}