/* Banniz case studies */
.cs-hero{color:#fff;background:radial-gradient(800px 420px at 85% 0%,color-mix(in srgb,var(--c) 55%,transparent),transparent 70%),var(--night)}
.cs-hero .container{padding-block:72px 64px;display:grid;gap:16px}
.cs-hero h1{color:#fff;font-size:clamp(2.6rem,6.4vw,5rem);font-weight:900;letter-spacing:-.04em;line-height:1}
.cs-hero .lead{color:#c9d4e6;font-size:1.2rem;max-width:62ch}
.cs h2,.dark-cs h2,.talk h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:900;margin:6px 0 14px}
.cs p{font-size:1.1rem;max-width:66ch}.cs .where{color:var(--muted);font-weight:700}
.cs-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.cs-row.rev>figure{order:-1}
@media(max-width:860px){.cs-row{grid-template-columns:1fr;gap:24px}.cs-row.rev>figure{order:0}}
.scope{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.scope li{background:var(--mist);border-left:5px solid var(--green-bright);border-radius:14px;padding:16px 18px;font:800 1.05rem var(--head);color:var(--navy)}
.dark-cs{background:linear-gradient(160deg,var(--night),color-mix(in srgb,var(--c) 40%,var(--night)));color:#fff}.dark-cs h2{color:#fff}.dark-cs p{color:#c9d4e6;font-size:1.1rem;max-width:70ch;margin-bottom:10px}
.dark-cs .eyebrow{color:var(--mint)}
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}@media(max-width:860px){.gal{grid-template-columns:1fr}}
.impact{font-size:1.25rem!important;font-weight:600;color:var(--navy);margin-bottom:18px}
.mock{margin:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 30px 70px -40px rgba(6,21,43,.7);position:relative}
.mock .bar{display:flex;gap:6px;align-items:center;background:#e8edf3;padding:9px 12px}.mock .bar span{width:10px;height:10px;border-radius:50%;background:#c8d1db}.mock .bar em{margin-left:10px;font:600 .8rem var(--body);font-style:normal;color:#4b5468;background:#fff;border-radius:6px;padding:2px 10px}
.mock .scr{padding:22px;display:grid;gap:12px;min-height:240px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 14%,#fff),#fff)}
.mock .mono{width:46px;height:46px;border-radius:12px;background:var(--c);color:#fff;display:grid;place-items:center;font:900 1rem var(--head)}
.mock i{display:block;border-radius:8px;background:color-mix(in srgb,var(--c) 22%,#fff)}.mock .h{height:22px;width:80%;background:var(--c);opacity:.85}.mock .l{height:12px}.mock .w60{width:60%}.mock .w40{width:40%}.mock .w50{width:50%}
.mock .b{height:36px;width:42%;border-radius:999px;background:var(--c)}.mock .g{height:52px}.mock .f{height:30px;background:#fff;border:1.5px solid color-mix(in srgb,var(--c) 30%,#fff)}
.mock figcaption{position:absolute;right:10px;bottom:8px;font:700 .68rem var(--head);letter-spacing:.1em;text-transform:uppercase;color:#8b95a7}
.mw-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:20px}.mw-head h2{font-size:2rem;font-weight:900}
.wgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.wcard{display:grid;gap:8px;align-content:start;background:#fff;border:1px solid var(--line);border-top:5px solid var(--c);border-radius:20px;padding:22px;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s}
.wcard:hover{transform:translateY(-4px);box-shadow:0 26px 50px -34px rgba(13,41,81,.6)}
.wcard .st{justify-self:start;font:800 .66rem var(--head);letter-spacing:.1em;text-transform:uppercase;background:var(--mist);color:var(--muted);border-radius:999px;padding:4px 9px}
.wcard b{font:900 1.3rem var(--head);color:var(--navy)}.wcard .cat{font:700 .85rem var(--head);color:var(--green)}.wcard p{color:var(--muted)}.wcard .go{font:800 .92rem var(--head);color:var(--navy)}
.talk{background:var(--mist)}.talk-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px}@media(max-width:860px){.talk-grid{grid-template-columns:1fr}}
.talk p{color:var(--muted);font-size:1.05rem}
.lead-f{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;gap:14px}
.lead-f label{display:grid;gap:6px;font:700 .92rem var(--head);color:var(--navy)}.lead-f .opt{font-weight:500;color:var(--muted)}
.lead-f input,.lead-f textarea{font:inherit;font-size:1rem;border:1.5px solid #aebbc9;border-radius:12px;padding:12px;width:100%}
.lead-f .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:560px){.lead-f .row2{grid-template-columns:1fr}}
.lead-f .consent{display:flex;gap:10px;font:400 .9rem var(--body);color:var(--muted)}.lead-f .consent input{width:auto}
.lead-f .hp{position:absolute;left:-9999px}.lead-f .btn{justify-self:start}