[hidden]{display:none!important}.content-page{padding:40px 0}.content-intro{max-width:790px;padding:10px 0 25px}.content-intro h1{font-size:53px;line-height:1.07;letter-spacing:-2.4px;margin:20px 0}.content-intro h1>span{color:#0085ff}.content-intro>p{font-size:15px;line-height:1.8;color:#7e93b0;max-width:670px}.editorial-notice{font-size:10px;color:#8b9fb9;line-height:1.8;border-left:2px solid #cfe4ff;padding:5px 13px;margin-top:20px;max-width:670px}.content-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0 28px}.content-filters button{border:1px solid #e1eafa;border-radius:9px;padding:10px 15px;font-size:11px;background:#fff;color:#7a92b1}.content-filters button:hover{background:#f2f8ff}.content-filters button.chosen{background:#157aff;color:#fff;border-color:#157aff;box-shadow:0 4px 12px #147aff1c}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.project-card{border:1px solid #e2eaf6;border-radius:15px;overflow:hidden;background:#fff}.project-preview{height:220px;padding:20px;background:#e9f1fb;position:relative;overflow:hidden}.preview-toolbar{display:flex;gap:4px;padding:8px 10px;background:#ffffffd9;border:1px solid #ffffffd0;border-radius:7px 7px 0 0}.preview-toolbar i{width:4px;height:4px;background:#b8c9df;border-radius:50%}.preview-layout{display:flex;gap:18px;align-items:center;background:#fff;padding:23px 19px;min-height:105px}.preview-layout>div{flex:1}.preview-side{width:58px;height:65px;border-radius:8px;background:linear-gradient(135deg,#d3e3fa,#8bb3ee);order:2}.preview-layout b{display:block;width:85%;height:8px;background:#2d558a;border-radius:3px;margin-top:7px}.preview-layout b+b{width:65%}.preview-kicker{display:block;height:4px;width:45%;background:#9eb8db}.preview-action{display:block;height:12px;width:45px;background:#1681ff;border-radius:4px;margin-top:13px}.preview-tiles{display:flex;gap:10px;padding:10px;background:#ffffffa8;border-radius:0 0 7px 7px}.preview-tiles i{flex:1;height:33px;background:#e2ebf6;border-radius:5px}.project-preview.shop{background:#eee8f7}.shop .preview-layout b{background:#78518e}.shop .preview-side{background:linear-gradient(125deg,#cfc0e4,#e7dcf4)}.shop .preview-action{background:#a275c1}.shop .preview-tiles i{background:#e5ddef}.project-preview.editorial{background:#e5efe8}.editorial .preview-layout b{background:#416b52}.editorial .preview-side{background:linear-gradient(125deg,#c5d7bd,#8faa91)}.editorial .preview-action{background:#78a38a}.editorial .preview-tiles i{background:#dce8df}.project-preview.dashboard{background:#e5edf6}.dashboard .preview-layout{background:#132c50}.dashboard .preview-side{background:repeating-linear-gradient(90deg,#3f83d4 0,#3f83d4 8px,transparent 8px,transparent 13px);height:54px}.dashboard .preview-layout b{background:#728fac}.dashboard .preview-kicker{background:#4b6c94}.project-preview.landing{background:#f7ebe2}.landing .preview-layout b{background:#9c7057}.landing .preview-side{background:linear-gradient(125deg,#e3c7a4,#f0deca)}.landing .preview-action{background:#c88d65}.landing .preview-tiles i{background:#ecded3}.project-preview.automation{background:#e0f0ef}.automation .preview-layout b{background:#46867e}.automation .preview-side{border-radius:50%;background:radial-gradient(circle,#f0ffff 25%,#8abeb6 27%,#bbdbd5 65%)}.automation .preview-action{background:#30ab9b}.automation .preview-tiles i{background:#d2e9e5}.project-info{padding:22px}.project-info>span{font-size:8px;letter-spacing:.8px;color:#8fa4c0}.project-info h2{font-size:19px;letter-spacing:-.5px;margin:12px 0}.project-info p{font-size:12px;line-height:1.7;color:#8599b4;min-height:42px}.project-info>a{display:inline-block;font-size:11px;color:#1979e5;margin-top:8px}.content-cta{margin-top:35px;background:linear-gradient(120deg,#113258,#1d5796);color:#fff;border-radius:17px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.content-cta>div>span{font-size:8px;letter-spacing:1px;color:#97b7e1}.content-cta h2{font-size:26px;letter-spacing:-.8px;margin:10px 0}.content-cta p{color:#a7c1e1;font-size:12px;line-height:1.7}.content-cta>.button{white-space:nowrap}.blog-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.blog-tools .content-filters{margin:18px 0}.search-box{display:flex;gap:10px;border:1px solid #e0e9f7;background:#fff;padding:10px 13px;border-radius:9px;color:#6e9ed3}.search-box input{border:0;outline:0;font:11px Inter,Arial,sans-serif;width:160px;color:#32597f;background:none}.search-box:focus-within{outline:2px solid #9ac5ff;outline-offset:2px}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.article-card{border:1px solid #e2eaf6;border-radius:16px;overflow:hidden}.article-art{height:240px;display:flex;flex-direction:column;background:linear-gradient(130deg,#14305b,#1f64b9);padding:27px;position:relative;overflow:hidden}.article-art:after{content:'';position:absolute;width:220px;height:220px;border:35px solid #ffffff0a;border-radius:50%;right:-80px;bottom:-90px;transform:rotate(-25deg)}.article-art>span{font-size:8px;letter-spacing:1.5px;color:#bad6fc}.article-art>strong{font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-1px;color:#fff;margin-top:20px}.article-art>b{font-size:27px;color:#c6e4ff;position:absolute;right:24px;top:22px;font-weight:400}.article-art.art-1{background:linear-gradient(130deg,#215b4e,#559983)}.article-art.art-2{background:linear-gradient(130deg,#654b8f,#aa85b8)}.article-art.art-3{background:linear-gradient(130deg,#2d5867,#468ea7)}.article-info{padding:25px}.article-info>span{font-size:10px;color:#92a6c0}.article-info h2{font-size:21px;letter-spacing:-.6px;line-height:1.3;margin:13px 0}.article-info p{font-size:12px;line-height:1.8;color:#8197b3;min-height:44px}.read-link{display:inline-block;color:#007aff;font-size:12px;margin-top:12px}.article-page{padding:35px 0}.article-back{font-size:11px;color:#7c95b7}.article-heading{padding:35px 0 25px;max-width:850px;border:0;background:none}.article-heading h1{font-size:42px;letter-spacing:-1.6px;line-height:1.15;margin:20px 0}.article-heading>p{font-size:16px;line-height:1.8;color:#7890ae;max-width:730px}.article-heading>small{font-size:10px;color:#9aaec5}.article-body{max-width:750px;padding:5px 0 30px}.article-body section{margin:28px 0}.article-body h2{font-size:23px;letter-spacing:-.5px;margin-bottom:12px}.article-body p{font-size:14px;line-height:1.9;color:#6c84a3}.article-body aside{margin-top:35px;border:1px solid #ddeafa;border-radius:15px;padding:25px;background:#f4f9ff}.article-body aside h3{font-size:21px;margin:0 0 10px}.article-body aside .button{font-size:12px;margin-top:10px}#filter-empty{border:1px dashed #d6e7fc;border-radius:12px;background:#f7fbff;padding:30px;text-align:center;color:#8aa0bc;font-size:13px}[hidden]{display:none!important}
@media(max-width:900px){.project-grid{grid-template-columns:1fr 1fr}.content-intro h1{font-size:44px}.content-filters{gap:6px}.content-filters button{font-size:10px;padding:9px 12px}.blog-tools{align-items:flex-start;flex-direction:column;gap:3px;margin-bottom:22px}.search-box{width:100%}.search-box input{width:100%}.content-cta h2{font-size:23px}.article-heading h1{font-size:36px}}
@media(max-width:600px){.content-page{padding:28px 0}.content-intro{padding-bottom:12px}.content-intro h1{font-size:38px;letter-spacing:-1.7px}.content-intro>p{font-size:14px}.editorial-notice{font-size:10px}.content-filters{margin-top:20px;gap:7px}.content-filters button{font-size:11px;padding:10px 13px}.project-grid,.article-grid{grid-template-columns:1fr;gap:21px}.project-preview{height:225px;padding:22px}.project-info{padding:23px}.project-info h2{font-size:22px}.project-info p{font-size:13px;min-height:0}.project-info>a{font-size:12px}.content-cta{flex-direction:column;align-items:flex-start;padding:25px;gap:15px}.content-cta h2{font-size:26px}.content-cta>.button{width:100%;font-size:11px}.article-art{height:245px}.article-art>strong{font-size:36px}.article-info{padding:23px}.article-info h2{font-size:22px}.article-info p{font-size:13px}.article-heading h1{font-size:34px;letter-spacing:-1.3px}.article-heading>p{font-size:15px}.article-body h2{font-size:23px}.article-body p{font-size:14px}.article-body aside{padding:22px}.article-body aside h3{font-size:22px}.article-body aside .button{font-size:11px;white-space:normal;line-height:1.5}}