*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--orange: #cf0813;--dark: #1a1a1a;--dark2: #222222;--gray: #f5f5f5;--text: #333333;--muted: #777777;--white: #ffffff;--font: "Arimo", Arial, sans-serif;--radius: 6px;--trans: .35s ease}body{font-family:var(--font);color:var(--text);background:var(--white)}.cs-hero{background:var(--dark);color:var(--white);padding:72px 0 80px}.cs-eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;letter-spacing:2px;color:var(--orange);text-transform:uppercase;margin-bottom:20px}.cs-line{display:inline-block;width:32px;height:2px;background:var(--orange)}.cs-hero-title{font-size:clamp(2rem,5vw,50px);font-weight:700;line-height:1.2;color:var(--white);margin-bottom:24px}.cs-accent{color:var(--orange)}.cs-hero-body{font-size:17px;line-height:1.7;color:#ccc;max-width:520px}.cs-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#444;border:1px solid #444;border-radius:var(--radius);overflow:hidden}.cs-stat-box{background:var(--dark2);padding:28px 24px}.cs-stat-num{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700;color:var(--white);line-height:1}.cs-stat-label{font-size:11px;font-weight:500;letter-spacing:1.5px;color:#888;text-transform:uppercase;margin-top:6px}.cs-filter-wrap{background:var(--white);border-bottom:2px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:12px 0;box-shadow:0 2px 8px #0000000f}.cs-filter-inner{display:flex;align-items:center;gap:16px;flex-wrap:nowrap}.cs-search-wrap{position:relative;flex-shrink:0;width:220px}.cs-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#999;pointer-events:none}.cs-search-input{width:100%;padding:9px 12px 9px 36px;border:1.5px solid #ddd;border-radius:4px;font-family:var(--font);font-size:13px;color:var(--text);background:var(--white);transition:border-color var(--trans);outline:none}.cs-search-input:focus{border-color:var(--orange)}.cs-tabs-wrap{position:relative;flex:1;overflow:hidden}.cs-tabs-scroll{display:flex;gap:6px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:2px 0}.cs-tabs-scroll::-webkit-scrollbar{display:none}.cs-tab{flex-shrink:0;padding:8px 18px;border:1.5px solid #ddd;border-radius:0;background:transparent;font-size:11px;font-weight:500;letter-spacing:1px;color:var(--text);cursor:pointer;transition:all var(--trans);white-space:nowrap}.cs-tab:hover{border-color:var(--orange);color:var(--orange)}.cs-tab.active{background:var(--orange);border-color:var(--orange);color:var(--white)}.cs-tab-arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);background:var(--white);border:1.5px solid #ddd;border-radius:50%;width:28px;height:28px;font-size:16px;line-height:1;cursor:pointer;z-index:2;color:var(--text);align-items:center;justify-content:center;transition:all var(--trans)}.cs-tab-arrow:hover{border-color:var(--orange);color:var(--orange)}.cs-tab-arrow--left{left:0}.cs-tab-arrow--right{right:0}.cs-count{flex-shrink:0;font-size:12px;color:var(--muted);white-space:nowrap}.cs-grid-section{padding:45px 0;background:var(--white)}.cs-card{display:block;text-decoration:none;color:inherit;background:var(--white);border:1px solid #eeeeee;border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--trans),transform var(--trans);height:100%}.cs-card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-2px)}.cs-card-img-wrap{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:#eee}.cs-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.cs-card:hover .cs-card-img{transform:scale(1.07)}.cs-industry-badge{position:absolute;bottom:12px;left:14px;background:var(--orange);color:var(--white);font-size:10px;font-weight:500;letter-spacing:1.5px;padding:5px 12px;border-radius:3px;text-transform:uppercase}.cs-card-body{padding:22px 22px 26px}.cs-card-cat{font-size:11px;font-weight:400;letter-spacing:1.5px;color:var(--orange);text-transform:uppercase;margin-bottom:8px}.cs-card-title{font-size:35px;font-weight:600;color:#000;line-height:1.3;margin-bottom:10px;transition:color var(--trans)}.cs-card:hover .cs-card-title{color:var(--orange)}.cs-card-desc{font-size:15px;color:var(--muted);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cs-card-col{animation:csFadeIn .4s ease both}@keyframes csFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cs-card-col.cs-hidden{display:none}.cs-empty-msg{font-size:15px;color:var(--muted)}@media(max-width:991px){.cs-hero{padding:48px 0 56px}.cs-stats-grid{margin-top:36px}}@media(max-width:767px){.cs-filter-inner{flex-wrap:wrap;gap:10px}.cs-search-wrap{width:100%;order:1}.cs-tabs-wrap{width:100%;order:2}.cs-tab-arrow{display:flex}.cs-count{order:3}.cs-tabs-scroll{padding:0 32px}}@media(max-width:575px){.cs-stats-grid{grid-template-columns:1fr 1fr}.cs-stat-box{padding:20px 16px}}.cs-featured-active{margin-bottom:24px}.cs-featured-active .cs-card{display:flex;flex-direction:row;min-height:380px;border-radius:12px;overflow:hidden;position:relative;background:#1a1a1a}.cs-featured-active .cs-card-img-wrap{width:100%;height:100%;position:absolute;top:0;left:0;aspect-ratio:unset}.cs-featured-active .cs-card-img-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000d9,#0006,#00000026)}.cs-featured-active .cs-card-img{width:100%;height:100%;object-fit:cover}.cs-featured-active .cs-industry-badge{z-index:2}.cs-featured-active .cs-card-body{position:relative;z-index:2;padding:48px 52px;display:flex;flex-direction:column;justify-content:flex-end;width:100%}.cs-featured-active .cs-card-cat{color:#ffffffb3;font-size:11px;margin-bottom:10px}.cs-featured-active .cs-card-title{font-size:clamp(1.6rem,3.5vw,2.4rem);color:#fff;margin-bottom:12px;-webkit-line-clamp:unset}.cs-featured-active:hover .cs-card-title{color:var(--orange)}.cs-featured-active .cs-card-desc{font-size:15px;color:#fffc;-webkit-line-clamp:3;margin-bottom:20px}.cs-featured-active .cs-card-body:before{content:"FEATURED";display:inline-block;background:var(--orange);color:#fff;font-size:10px;font-weight:500;letter-spacing:1.5px;padding:4px 12px;border-radius:3px;margin-bottom:14px;width:fit-content}.cs-featured-active .cs-card-body:after{content:"READ CASE STUDY →";display:block;font-size:12px;font-weight:500;letter-spacing:1.5px;color:var(--orange);margin-top:4px}.cs-card-col:not(.cs-featured-active) .cs-card{flex-direction:column;min-height:unset;background:var(--white)}.cs-card-col:not(.cs-featured-active) .cs-card-img-wrap{position:relative;aspect-ratio:16/10;height:unset}.cs-card-col:not(.cs-featured-active) .cs-card-img-wrap:after{display:none}.cs-card-col:not(.cs-featured-active) .cs-card-body{position:static;padding:22px 22px 26px}.cs-card-col:not(.cs-featured-active) .cs-card-cat{color:var(--orange)}.cs-card-col:not(.cs-featured-active) .cs-card-title{font-size:18px;color:var(--dark)}.cs-card-col:not(.cs-featured-active) .cs-card-desc{color:var(--muted);font-size:15px}.cs-card-col:not(.cs-featured-active) .cs-card-body:before,.cs-card-col:not(.cs-featured-active) .cs-card-body:after{display:none}.cs-hidden{display:none!important}@media(max-width:767px){.cs-featured-active .cs-card-body{padding:28px 20px}.cs-featured-active .cs-card{min-height:300px}}
