/* ========= CASE STUDIES HERO & LAYOUT ========= */
.cs-hero{position:relative;padding:calc(var(--h-head) + 44px) 0 70px;background:#fff}
.cs-hero:focus-within{z-index:22}
.cs-hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);margin-bottom:18px}
.cs-hero .sub{font-size:1.08rem;color:var(--slate);max-width:720px;margin-bottom:30px}
.cs-search{max-width:640px;margin-bottom:24px;position:relative;z-index:10}
.cs-sbox{display:flex;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:14px 18px;box-shadow:var(--shadow-soft);transition:.22s}
.cs-sbox:focus-within{border-color:var(--blue);box-shadow:var(--shadow-blue)}
.cs-sbox svg{width:22px;height:22px;color:var(--blue);flex:0 0 auto;margin-right:12px}
.cs-sbox input{flex:1;border:none;outline:none;font-family:var(--font-body);font-size:1.05rem;color:var(--ink);background:transparent}
.cs-clear{background:none;border:none;color:var(--slate-light);font-weight:700;font-size:.84rem;cursor:pointer;padding:4px 8px;display:none}
.cs-clear.show{display:block}
.cs-clear:hover{color:var(--blue)}
.cs-sugg{position:absolute;left:0;right:0;top:100%;margin-top:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 44px rgba(15,23,42,.12);overflow-y:auto;overflow-x:hidden;max-height:280px;z-index:9;display:none}
.cs-sugg.open{display:block}
.cs-sugg .sh{font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-light);background:var(--bg-tint);padding:10px 18px;border-top:1px solid var(--line)}
.cs-sugg .sh:first-child{border-top:none}
.cs-sugg button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:none;border:none;padding:11px 18px;font-family:var(--font-body);font-size:.88rem;color:var(--ink);cursor:pointer;transition:.15s}
.cs-sugg button:hover{background:var(--blue-08);color:var(--blue)}
.cs-sugg button svg{width:15px;height:15px;color:var(--slate-light);flex:0 0 auto}
.cs-sugg button mark{background:rgba(24,104,251,.15);color:var(--blue);font-weight:600}
.cs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.cs-qc{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:600;color:var(--slate);cursor:pointer;transition:.2s}
.cs-qc:hover{border-color:var(--blue-25);color:var(--blue);box-shadow:var(--shadow-soft)}
.cs-hcta{display:flex;gap:12px;flex-wrap:wrap}

/* ========= TABS & FILTERS ========= */
.cs-nav{position:sticky;top:var(--h-head);z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:12px 0}

/* Custom Dropdown Select UI */
.custom-select-container {
  position: relative;
  flex: 0 0 auto;
}
.custom-select-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: #fff;
  border: 1.5px solid var(--line);
  border-radius: 11px;
  padding: 10px 14px;
  font-family: var(--font-body);
  font-size: .84rem;
  font-weight: 600;
  color: var(--ink);
  cursor: pointer;
  transition: .2s;
  min-width: 156px;
  text-align: left;
}
.custom-select-trigger:hover {
  border-color: var(--blue-25);
  color: var(--blue);
}
.custom-select-trigger.active {
  border-color: var(--blue);
  background: var(--blue-08);
  color: var(--blue-deep);
}
.custom-select-trigger svg.chevron {
  width: 14px;
  height: 14px;
  color: var(--slate);
  transition: transform .2s ease;
  flex-shrink: 0;
}
.custom-select-trigger svg.chevron.open {
  transform: rotate(180deg);
  color: var(--blue);
}
.custom-select-options {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  margin-top: 6px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(15,23,42,.08);
  z-index: 100;
  min-width: 220px;
  max-width: 90vw;
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px;
}
.custom-select-option {
  width: 100%;
  display: block;
  text-align: left;
  border: none;
  background: none;
  padding: 8px 12px;
  font-family: var(--font-body);
  font-size: .82rem;
  color: var(--slate);
  border-radius: 8px;
  cursor: pointer;
  transition: .15s;
}
.custom-select-option:hover {
  background: var(--blue-08);
  color: var(--blue);
}
.custom-select-option.selected {
  background: var(--blue);
  color: #fff;
  font-weight: 600;
}

.cs-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-ms-overflow-style:none;scrollbar-width:none}
.cs-tabs::-webkit-scrollbar{display:none}
.cs-tab{flex:0 0 auto;display:inline-flex;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:9px 18px;font-size:.84rem;font-weight:700;color:var(--slate);cursor:pointer;transition:.22s;border:none}
.cs-tab:hover{color:var(--blue)}
.cs-tab.on{background:var(--blue);color:#fff;box-shadow:0 6px 18px rgba(24,104,251,.25)}
.cs-fbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.cs-ftoggle{display:none}
.cs-fbar select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:14px;border:1.5px solid var(--line);border-radius:11px;padding:10px 34px 10px 14px;font-family:var(--font-body);font-size:.84rem;font-weight:600;color:var(--ink);outline:none;cursor:pointer;transition:.2s}
.cs-fbar select:hover{border-color:var(--blue-25);color:var(--blue)}
.cs-fbar select:focus{border-color:var(--blue)}
.cs-fbar .spacer{flex:1}
.cs-sort{font-size:.82rem;font-weight:700;color:var(--slate)}
.cs-sort select{margin-left:8px;padding-top:7px;padding-bottom:7px}
.cs-subrow{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.cs-sc{display:inline-flex;align-items:center;background:var(--bg-tint);border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:.76rem;font-weight:600;color:var(--slate);cursor:pointer;transition:.2s}
.cs-sc:hover{border-color:var(--blue-18);color:var(--blue)}
.cs-sc.on{background:var(--blue-08);border-color:var(--blue-18);color:var(--blue)}
.cs-active{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;align-items:center}
.cs-af{display:inline-flex;align-items:center;gap:6px;background:var(--blue-08);border:1px solid var(--blue-12);border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:600;color:var(--blue-deep)}
.cs-af button{background:none;border:none;color:var(--blue);font-weight:800;font-size:.9rem;cursor:pointer}
.cs-af button:hover{color:var(--fail)}
.cs-clearall{background:none;border:none;color:var(--fail);font-weight:700;font-size:.8rem;cursor:pointer;padding:4px 8px;text-decoration:underline;text-underline-offset:2px}
.cs-clearall:hover{opacity:.8}
.cs-count{font-size:.86rem;color:var(--slate);margin-bottom:18px}
.cs-count b{color:var(--ink)}

/* ========= GRID & CARDS ========= */
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cs-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:.25s}
.cs-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-blue);border-color:var(--blue-18)}
.cs-card.feat{grid-column:span 2;background:linear-gradient(165deg,#f7faff,#fff);border-color:var(--blue-12)}
.cs-badges{display:flex;flex-wrap:wrap;gap:6px}
.cs-b{font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:7px;padding:4px 9px}
.cs-b.svc{color:var(--blue);background:var(--blue-08);border:1px solid var(--blue-12)}
.cs-b.ind{color:var(--slate);background:var(--bg-tint);border:1px solid var(--line)}
.cs-b.sec{color:var(--slate-light);background:#fff;border:1px dashed var(--line)}
.cs-card h3{font-size:1rem;line-height:1.35;letter-spacing:-.01em}
.cs-card.feat h3{font-size:1.18rem}
.cs-row{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;line-height:1.5}
.cs-row .k{flex:0 0 84px;font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--slate-light);padding-top:3px}
.cs-row .v{color:var(--slate);min-width:0}
.cs-res{display:flex;gap:8px;align-items:center;background:var(--ok-bg);border:1px solid rgba(22,163,74,.25);border-radius:10px;padding:8px 11px;font-size:.76rem;font-weight:600;color:#0d5c33}
.cs-res.goal{background:var(--blue-08);border-color:var(--blue-12);color:var(--blue-deep)}
.cs-res.goal svg{color:var(--blue)}
.cs-res svg{width:14px;height:14px;flex:0 0 auto}
.cs-meta{display:flex;flex-wrap:wrap;gap:6px}
.cs-mt{font-size:.64rem;font-weight:700;color:var(--slate);background:var(--bg-tint);border-radius:999px;padding:3px 9px}
.cs-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px}
.cs-view{display:inline-flex;align-items:center;gap:7px;border:none;background:none;color:var(--blue);font-family:var(--font-body);font-size:.82rem;font-weight:700;cursor:pointer;transition:gap .2s;padding:4px 0}
.cs-view:hover{gap:11px}
.cs-view svg{width:15px;height:15px}
.cs-card.compact{padding:16px}
.cs-card.compact h3{font-size:.9rem}
.cs-card.compact .cs-row .k{flex-basis:74px}

/* ========= PAGINATION & NONE ========= */
.cs-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.cs-pbtn{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:10px 18px;font-family:var(--font-body);font-size:.82rem;font-weight:700;cursor:pointer;transition:.2s}
.cs-pbtn:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}
.cs-pbtn:disabled{opacity:.4;cursor:not-allowed}
.cs-pbtn svg{width:14px;height:14px}
.cs-pinfo{font-size:.8rem;font-weight:700;color:var(--slate)}
.cs-loadmore{margin:18px auto 0;display:block}
.cs-none{background:#fff;border:1px dashed var(--blue-25);border-radius:18px;padding:40px 26px;text-align:center;width:100%}
.cs-none h3{font-size:1.15rem;margin-bottom:8px}
.cs-none p{color:var(--slate);font-size:.9rem;max-width:480px;margin:0 auto 18px}
.cs-none .sug{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}
.cs-none .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ========= FEATURED & GRID SECTIONS ========= */
.cs-featgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cs-fc{background:#fff;border:1px solid var(--blue-12);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:.25s}
.cs-fc:hover{transform:translateY(-5px);box-shadow:var(--shadow-blue)}
.cs-fc .blk b{display:block;font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blue);margin-bottom:5px}
.cs-fc .blk p{font-size:.82rem;color:var(--slate);line-height:1.55}
.cs-fc .mrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cs-fc .m{background:var(--bg-tint);border:1px solid var(--line);border-radius:10px;padding:9px 8px;text-align:center}
.cs-fc .m b{font-family:var(--font-head);font-size:.86rem;color:var(--blue);display:block}
.cs-fc .m b svg{width:15px;height:15px}
.cs-fc .m span{font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--slate-light)}

/* ========= FALLBACK FLOWS ========= */
.cs-fb{background:var(--bg-tint)}
.cs-fbgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cs-fbc{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px 20px;transition:.25s}
.cs-fbc:hover{border-color:var(--blue-18);box-shadow:var(--shadow-soft)}
.cs-fbc h4{font-size:.94rem;margin-bottom:9px}
.cs-fbc .lbl{font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-light);display:block;margin:9px 0 5px}
.cs-chain{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.cs-ch{font-size:.68rem;font-weight:700;color:var(--blue);background:var(--blue-08);border:1px solid var(--blue-12);border-radius:999px;padding:4px 10px}
.cs-ch.pri{color:#fff;background:var(--blue);border-color:var(--blue)}
.cs-chain svg{width:11px;height:11px;color:var(--slate-light)}
.cs-fbc .trg{font-size:.76rem;color:var(--slate);line-height:1.5}

/* ========= AUTOMATION JOURNEYS ========= */
.cs-auto{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cs-au{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;transition:.25s}
.cs-au:hover{border-color:var(--blue-18);box-shadow:var(--shadow-soft)}
.cs-au h4{font-size:.96rem;margin-bottom:10px}
.cs-steps{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:12px}
.cs-st{font-size:.68rem;font-weight:700;color:var(--ink);background:var(--bg-tint);border:1px solid var(--line);border-radius:8px;padding:5px 10px}
.cs-steps svg{width:11px;height:11px;color:var(--slate-light)}
.cs-au .facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.cs-au .f{font-size:.72rem;color:var(--slate)}
.cs-au .f b{display:block;font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--slate-light)}

/* ========= PLATFORM & BUILT ========= */
.cs-plat{background:var(--bg-tint)}
.cs-pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cs-pc{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;transition:.25s}
.cs-pc:hover{border-color:var(--blue-18);box-shadow:var(--shadow-soft)}
.cs-pc h4{font-size:.94rem;margin-bottom:11px}
.cs-baw{display:flex;flex-direction:column;gap:8px}
.cs-ba{display:flex;gap:9px;border-radius:10px;padding:9px 12px;font-size:.76rem;line-height:1.5}
.cs-ba b{flex:0 0 92px;font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding-top:3px}
.cs-ba.before{background:#fef3c7;color:#92400e}.cs-ba.before b{color:#b45309}
.cs-ba.with{background:var(--blue-08);color:var(--ink)}.cs-ba.with b{color:var(--blue)}
.cs-ba.after{background:var(--ok-bg);color:#0d5c33}.cs-ba.after b{color:var(--ok)}
.cs-built{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cs-bw{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;display:flex;flex-direction:column;gap:9px;transition:.25s}
.cs-bw:hover{transform:translateY(-4px);box-shadow:var(--shadow-blue);border-color:var(--blue-18)}
.cs-bw h4{font-size:.92rem}
.cs-bw .f{font-size:.74rem;color:var(--slate);line-height:1.5}
.cs-bw .f b{display:block;font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--slate-light);margin-bottom:2px}

/* ========= DETAIL OVERLAY ========= */
.cs-dov{position:fixed;inset:0;z-index:200;display:none}
.cs-dov.open{display:block}
.cs-dov .bg{position:absolute;inset:0;background:rgba(10,19,48,.55);backdrop-filter:blur(4px)}
.cs-dpanel{position:absolute;top:0;right:0;bottom:0;width:min(760px,100%);background:#fff;overflow-y:auto;box-shadow:-30px 0 70px rgba(10,19,48,.3);transform:translateX(30px);opacity:0;transition:.3s}
.cs-dov.open .cs-dpanel{transform:none;opacity:1}
.cs-dhead{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:16px 26px;display:flex;align-items:center;gap:12px}
.cs-dhead .bc{flex:1;font-size:.7rem;color:var(--slate-light);font-weight:600}
.cs-dclose{border:1.5px solid var(--line);background:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:.2s}
.cs-dclose:hover{border-color:var(--blue);color:var(--blue)}
.cs-dclose svg{width:16px;height:16px}
.cs-dbody{padding:26px}
.cs-dbody h2{font-size:clamp(1.3rem,3vw,1.7rem);letter-spacing:-.01em;margin:8px 0 14px}
.cs-dsec{margin-bottom:18px}
.cs-dsec>b{display:block;font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.cs-dsec p{font-size:.87rem;color:var(--slate);line-height:1.65}
.cs-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}
.cs-metrics .m{background:var(--bg-tint);border:1px solid var(--line);border-radius:11px;padding:12px 8px;text-align:center}
.cs-metrics .m b{font-family:var(--font-head);font-size:.9rem;display:block;color:var(--ink)}
.cs-metrics .m span{font-size:.56rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--slate-light)}
.cs-tech{border:1px solid var(--line);border-radius:13px;overflow:hidden;margin:18px 0}
.cs-tech>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:none;background:var(--bg-tint);padding:14px 17px;font-family:var(--font-head);font-weight:700;font-size:.88rem;color:var(--ink);cursor:pointer}
.cs-tech>button svg{width:16px;height:16px;color:var(--blue);transition:.25s}
.cs-tech.open>button svg{transform:rotate(45deg)}
.cs-tech .tc{display:none;padding:15px 17px;background:#fff}
.cs-tech.open .tc{display:block}
.cs-tech .tc table{width:100%;border-collapse:collapse;font-size:.78rem}
.cs-tech .tc td{padding:8px 10px;border-bottom:1px solid var(--line);color:var(--slate);vertical-align:top}
.cs-tech .tc td:first-child{font-weight:700;color:var(--ink);width:38%}
.cs-drel{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.cs-drel button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 13px;font-family:var(--font-body);font-size:.76rem;font-weight:600;color:var(--ink);cursor:pointer;transition:.2s}
.cs-drel button:hover{border-color:var(--blue);color:var(--blue)}
.cs-dcta{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}

/* ========= SEO BLOCK ========= */
.cs-seo h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:16px}
.cs-seo h3{font-size:1.15rem;margin:24px 0 10px}
.cs-seo p{color:var(--slate);font-size:.96rem;line-height:1.8;margin-bottom:14px}
.cs-seo ul{margin:0 0 14px 20px;color:var(--slate);font-size:.96rem;line-height:1.8;list-style:disc}
.cs-seo a{color:var(--blue);font-weight:600}
.cs-seo a:hover{text-decoration:underline}

/* ========= MOBILE FILTER SHEET ========= */
.cs-sheet{position:fixed;left:0;right:0;bottom:0;z-index:120;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -24px 60px rgba(10,19,48,.28);padding:20px 18px 120px;transform:translateY(105%);transition:.32s;max-height:78vh;overflow-y:auto}
.cs-sheet.open{transform:none}
.cs-sheet h4{font-size:1rem;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
.cs-sheet .grp{margin-bottom:14px}
.cs-sheet .grp b{display:block;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-light);margin-bottom:7px}
.cs-sheet select{display:block;width:100%;appearance:none;border:1.5px solid var(--line);background:#fff;border-radius:11px;padding:11px 14px;font-family:var(--font-body);font-size:.84rem;font-weight:600;color:var(--ink)}
.cs-sheet .apply{width:100%;justify-content:center;margin-top:6px}
.cs-shbg{position:fixed;inset:0;z-index:119;background:rgba(10,19,48,.45);display:none}
.cs-shbg.open{display:block}

/* Custom Dropdowns inside Mobile Filters Sheet */
.cs-sheet .custom-select-container {
  width: 100%;
  margin-top: 4px;
}
.cs-sheet .custom-select-trigger {
  width: 100%;
  display: flex;
  background: #fff;
  border: 1.5px solid var(--line);
  border-radius: 11px;
  padding: 11px 14px;
  font-size: .86rem;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
}
.cs-sheet .custom-select-options {
  width: 100%;
  min-width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 150;
  box-shadow: 0 10px 25px rgba(15,23,42,.12);
}

/* ========= RESPONSIVE ========= */
@media(max-width:1024px){
  .cs-grid{grid-template-columns:repeat(2,1fr)}
  .cs-card.feat{grid-column:span 2}
  .cs-featgrid{grid-template-columns:1fr 1fr}
  .cs-built{grid-template-columns:repeat(2,1fr)}
  .cs-metrics{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:991px){
  .cs-fbar .custom-select-container.filter-dropdown,
  .cs-fbar .spacer {
    display: none !important;
  }
  .cs-fbar {
    justify-content: space-between;
  }
  .cs-ftoggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1.5px solid var(--blue-18);
    background: #fff;
    color: var(--blue);
    border-radius: 11px;
    padding: 10px 15px;
    font-family: var(--font-body);
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
  }
  .cs-ftoggle svg{width:15px;height:15px}
}
@media(max-width:760px){
  .cs-hero h1{font-size:1.8rem}
  .cs-hero .sub{font-size:1rem;padding:0 12px}
  .cs-hcta .btn{width:100%;justify-content:center}
  .cs-nav{top:var(--h-head)}
  .cs-fbar{gap:8px}
  .cs-grid{grid-template-columns:1fr;gap:20px}
  .cs-card.feat{grid-column:span 1}
  .cs-card {padding:20px;text-align:left}
  .cs-featgrid,.cs-fbgrid,.cs-auto,.cs-pgrid,.cs-built{grid-template-columns:1fr;gap:18px}
  .cs-pbtn{padding:12px 20px}
  .cs-dbody{padding:20px 16px}
  .cs-dhead{padding:14px 16px}
  .cs-drel{grid-template-columns:1fr}
  .cs-row .k{flex-basis:76px}
  .cs-fc, .cs-au, .cs-pc, .cs-bw, .cs-fbc {padding:18px;text-align:left}
}