.cs-slack-band{--cs-slack-size:clamp(115px, 9.5vw, 138px);--cs-slack-gap:clamp(30px, 3.7vw, 56px);--cs-slack-duration:48s;isolation:isolate;contain:layout paint;width:100%;height:208px;margin-block:30px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.cs-slack-track{will-change:transform;align-items:center;width:max-content;height:100%;animation:48s linear infinite cs-slack-travel;display:flex;animation-duration:var(--cs-slack-duration)!important;animation-iteration-count:infinite!important}.cs-slack-sequence{align-items:center;gap:var(--cs-slack-gap);padding-right:var(--cs-slack-gap);flex:none;display:flex}.cs-slack-slot{--cs-slack-y:-5px;width:var(--cs-slack-size);height:var(--cs-slack-size);flex:none;animation:5s ease-in-out infinite cs-slack-float;animation-duration:5s!important;animation-iteration-count:infinite!important}.cs-slack-slot:nth-child(2n){--cs-slack-y:13px;animation-delay:-1.7s}.cs-slack-slot:nth-child(3n){--cs-slack-y:-13px;animation-delay:-3.2s}.cs-slack-sprite{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline-offset:7px;background:#0b2635;border:0;border-radius:21%;width:100%;height:100%;padding:0;display:block;overflow:hidden;box-shadow:0 12px 28px #0b26351f}.cs-slack-sprite:focus-visible{outline:3px solid #b3203b}.cs-slack-sprite svg{pointer-events:none;border-radius:21%;width:100%;height:100%;display:block;overflow:hidden}@keyframes cs-slack-travel{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes cs-slack-float{0%,to{transform:translateY(calc(var(--cs-slack-y) - 5px))}50%{transform:translateY(calc(var(--cs-slack-y) + 5px))}}@media (max-width:600px){.cs-slack-band{--cs-slack-size:95px;--cs-slack-gap:25px;--cs-slack-duration:38s;height:174px;margin-top:20px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}}
.cs-roi,.cs-drop{--cs-navy:#0b2635;--cs-red:#b3203b;--cs-pale:#e9eef0;--cs-ui-muted:#5d7582;z-index:1;width:100%;max-width:1240px;color:var(--cs-navy);font-family:var(--font-sans), sans-serif;font-variant-numeric:tabular-nums;background:#f8faf9;border-radius:8px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 24px 65px #0b26351a}.cs-roi *,.cs-drop *{box-sizing:border-box}.cs-roi{grid-template-columns:1fr 1fr;display:grid}.cs-roi h3,.cs-drop h3{font:500 clamp(22px, 2.1vw, 28px)/1.15 var(--font-sans), sans-serif;letter-spacing:-.035em;margin:0}.cs-roi h4{font:500 17px/1.3 var(--font-sans), sans-serif;letter-spacing:-.02em;margin:0}.cs-roi-inputs{min-width:0;padding:clamp(22px,3.1vw,44px)}.cs-roi-field{color:var(--cs-ui-muted);gap:9px;font-size:14px;display:grid}.cs-roi-primary{color:var(--cs-navy);margin-top:24px;font-size:15px}.cs-roi-input{width:100%;min-height:48px;color:var(--cs-navy);background:#fff;border:1px solid #c6d2d3;border-radius:4px;align-items:center;gap:7px;padding-inline:14px;display:flex}.cs-roi-input:focus-within{outline:2px solid var(--cs-red);outline-offset:3px}.cs-roi-input input{width:100%;min-width:0;color:inherit;font:500 18px/1.2 var(--font-sans), sans-serif;appearance:textfield;background:0 0;border:0;outline:0;margin:0;padding:11px 0}.cs-roi-input input::-webkit-outer-spin-button{appearance:none;margin:0}.cs-roi-input input::-webkit-inner-spin-button{appearance:none;margin:0}.cs-roi-input>span{white-space:nowrap;color:var(--cs-ui-muted);flex:none;font-size:12px}.cs-roi-primary .cs-roi-input{min-height:66px}.cs-roi-primary input{font-size:32px}.callsniper-case .cs-roi .cs-roi-help{color:var(--cs-ui-muted);margin:11px 0 0;font-size:13px;line-height:1.5}.cs-roi-included{padding-block:28px 26px}.cs-roi-included h4,.cs-roi-assumptions h4{align-items:center;gap:9px;display:flex}.cs-roi h4 svg{width:23px;height:23px;stroke:var(--cs-red);stroke-width:1.3px;flex:none}.cs-roi-included ul{color:var(--cs-ui-muted);gap:9px;margin:16px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.cs-roi-assumptions{gap:17px;display:grid}.cs-roi-assumptions h4{margin-bottom:1px}.cs-roi-results{isolation:isolate;min-width:0;color:var(--cs-pale);background:var(--cs-navy);flex-direction:column;padding:clamp(22px,3.1vw,44px);display:flex;position:relative;overflow:hidden}.cs-roi-watermark{z-index:-1;stroke:#315568;stroke-width:.5px;opacity:.35;width:270px;height:270px;position:absolute;top:-80px;right:-80px}.callsniper-case .cs-roi .cs-roi-result-title{color:#c1d1d9;margin:0 0 12px;font-size:16px;line-height:1.3}.callsniper-case .cs-roi .cs-roi-big{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;line-height:1;display:flex}.cs-roi-big output{font:500 clamp(36px, 4.4vw, 62px)/1 var(--font-sans), sans-serif;letter-spacing:-.055em;overflow-wrap:anywhere}.cs-roi-big>span{color:#b6cad5;font-size:17px}.callsniper-case .cs-roi .cs-roi-volume{color:#c1d1d9;margin:15px 0 28px;font-size:14px;line-height:1.5}.cs-roi-breakdown{gap:17px;margin:0;display:grid}.cs-roi-breakdown>div{justify-content:space-between;gap:16px;font-size:14px;line-height:1.4;display:flex}.cs-roi-breakdown dt{color:#c1d1d9}.cs-roi-breakdown dt>span{color:#9fb8c6;margin-top:4px;font-size:12px;display:block}.cs-roi-breakdown dd{text-align:right;white-space:nowrap;margin:0}.cs-roi-results .cs-roi-comparison-title{margin-top:31px;font-size:16px}.cs-roi-bars{gap:17px;margin-top:17px;display:grid}.cs-roi-bar{grid-template-columns:1fr auto;gap:7px 12px;font-size:13px;display:grid}.cs-roi-bar>span{color:#c1d1d9}.cs-roi-bar small{color:#9fb8c6;white-space:nowrap;margin-left:6px;font-size:11px}.cs-roi-bar output{white-space:nowrap}.cs-roi-bar>div{background:#244351;border-radius:2px;grid-column:1/-1;height:11px;overflow:hidden}.cs-roi-bar>div>span{transform-origin:0;background:#9eb9c6;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block}.cs-roi-bar[data-callsniper]>div>span{background:#e79aa7}.cs-roi-difference{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 14px;margin-top:25px;display:flex}.cs-roi-difference>span{color:#c1d1d9;font-size:14px}.cs-roi-difference>output{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(24px,2.8vw,35px)}.callsniper-case .cs-roi .cs-roi-formula{color:#9fb8c6;margin:13px 0 0;font-size:11px;line-height:1.6}.cs-roi-wave{align-items:center;gap:3px;height:34px;margin-top:auto;padding-top:15px;display:flex;overflow:hidden}.cs-roi-wave i{transform-origin:50%;animation:3.8s ease-in-out infinite cs-roi-wave;animation-delay:var(--cs-wave-delay);background:#496977;border-radius:2px;flex:1;display:block}.cs-roi-wave i[data-hot]{background:#e79aa7}.cs-drop{max-width:960px;container-type:inline-size}.cs-drop-top{justify-content:space-between;align-items:center;height:76px;padding-inline:30px;display:flex}.cs-drop-top>svg{width:31px;height:31px;stroke:var(--cs-red);stroke-width:1.3px}.cs-drop-scene{--cs-drop-travel-x:calc(100cqw - 268px);--cs-drop-travel-y:0px;background:radial-gradient(at 75%,#dce9e7aa,#0000 65%);height:340px;position:relative;overflow:hidden}.cs-drop-source-label{color:var(--cs-ui-muted);font-size:12px;position:absolute;top:29px;left:30px}.cs-drop-source-list{gap:10px;width:188px;display:grid;position:absolute;top:68px;left:30px}.cs-drop-source-record{color:#476571;align-items:center;gap:11px;height:50px;display:flex}.cs-drop-source-record>span{background:#e2ebe9;border-radius:4px;place-items:center;width:29px;height:32px;font-size:17px;display:grid}.cs-drop-source-record strong{font-size:12px;font-weight:500}.cs-drop-source-record small{color:#789097;letter-spacing:.05em;margin-top:2px;font-size:8px;display:block}.cs-drop-zone{background:#e6efec80;border:1px dashed #9fb4b8;border-radius:8px;flex-direction:column;align-items:center;width:230px;height:290px;padding-top:18px;display:flex;position:absolute;top:25px;right:24px}.cs-drop-zone strong{font-size:16px;font-weight:500}.cs-drop-zone>span{color:var(--cs-ui-muted);margin-top:4px;font-size:11px}.cs-drop-card,.cs-drop-saved{--cs-drop-start-y:0px;--cs-drop-end-y:0px;--cs-drop-tilt:-5deg;background:#fff;border:1px solid #c4d3d4;border-radius:4px;align-items:center;gap:10px;width:188px;height:61px;padding:9px 11px;display:flex;position:absolute;top:146px;left:30px;box-shadow:0 8px 20px #16334710}.cs-drop-card{will-change:transform;animation:8.4s cubic-bezier(.4,0,.2,1) infinite paused cs-drop-files}.cs-drop-card-0{--cs-drop-start-y:-21px;--cs-drop-end-y:-52px;--cs-drop-tilt:-9deg;z-index:3}.cs-drop-card-1{--cs-drop-start-y:0px;--cs-drop-end-y:14px;--cs-drop-tilt:0deg;z-index:2}.cs-drop-card-2{--cs-drop-start-y:21px;--cs-drop-end-y:80px;--cs-drop-tilt:8deg;z-index:1}.cs-drop-video{background:var(--cs-navy);width:37px;height:42px;color:var(--cs-pale);border-radius:4px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex}.cs-drop-video svg{stroke:currentColor;stroke-width:1.2px;width:19px;height:19px}.cs-drop-video>span{letter-spacing:.08em;font-size:6px}.cs-drop-card-copy{z-index:1;min-width:0;position:relative}.cs-drop-card-copy strong{white-space:nowrap;font-size:12px;font-weight:500;display:block}.cs-drop-card-copy>span{color:var(--cs-ui-muted);white-space:nowrap;margin-top:4px;font-size:10px;display:block}.cs-drop-card-mark{z-index:1;color:#496e60;margin-left:auto;font-size:16px;position:relative}.cs-drop-card[data-result=scan]{background:#edf1f2;border-color:#839ca6}.cs-drop-card[data-result=queued]{background:#f7f9f8}.cs-drop-card[data-result=pass],.cs-drop-saved[data-result=pass]{background:#eef2ef;border-color:#c0d0ca}.cs-drop-card[data-result=flag],.cs-drop-saved[data-result=flag]{border-color:var(--cs-red);background:#fff5f5}.cs-drop-card[data-result=flag] .cs-drop-card-copy>span,.cs-drop-saved[data-result=flag] .cs-drop-card-copy>span{color:var(--cs-red)}.cs-drop-scan{transform:scaleX(var(--cs-drop-scan,0));transform-origin:0;opacity:0;pointer-events:none;background:#91a9ae45;border-radius:4px;position:absolute;inset:1px}.cs-drop-card[data-result=scan] .cs-drop-scan{opacity:1}.cs-drop-reticle{pointer-events:none;opacity:0;color:var(--cs-red);position:absolute;inset:-5px}.cs-drop-reticle i{border-style:solid;border-color:currentColor;width:8px;height:8px;position:absolute}.cs-drop-reticle i:first-child{border-width:2px 0 0 2px;top:0;left:0}.cs-drop-reticle i:nth-child(2){border-width:2px 2px 0 0;top:0;right:0}.cs-drop-reticle i:nth-child(3){border-width:0 0 2px 2px;bottom:0;left:0}.cs-drop-reticle i:nth-child(4){border-width:0 2px 2px 0;bottom:0;right:0}.cs-drop-card[data-result=flag] .cs-drop-reticle,.cs-drop-saved[data-result=flag] .cs-drop-reticle{opacity:1}.cs-drop-cursor{z-index:5;width:34px;height:40px;fill:var(--cs-navy);stroke:#f8fbfa;stroke-width:2px;filter:drop-shadow(0 4px 4px #17324020);animation:8.4s cubic-bezier(.4,0,.2,1) infinite paused cs-drop-pointer;position:absolute;top:177px;left:161px}.cs-drop-cursor-tail{fill:none;stroke:var(--cs-navy);stroke-width:6px}.cs-drop-retained{z-index:0;pointer-events:none;visibility:hidden;position:absolute;inset:0}.cs-drop-retained[data-visible=true]{visibility:visible}.cs-drop-saved{transform:translate(var(--cs-drop-travel-x), calc(var(--cs-drop-travel-y) + var(--cs-drop-end-y)))}.cs-drop-result{min-height:91px;margin-inline:30px;padding-block:13px 18px}.cs-drop-result>strong{font-size:15px;font-weight:500}.cs-drop-result[data-flagged=true]>strong{color:var(--cs-red)}.callsniper-case .cs-drop .cs-drop-result p{color:var(--cs-ui-muted);margin:5px 0 0;font-size:13px;line-height:1.5}.cs-drop-local{flex-wrap:wrap;align-items:center;gap:17px 24px;padding:10px 30px 28px;display:flex}.cs-drop-local input{display:none}.cs-drop-local button{color:#fff;background:var(--cs-red);min-height:48px;font:500 14px/1.2 var(--font-sans), sans-serif;cursor:pointer;touch-action:manipulation;border:0;border-radius:4px;flex:none;justify-content:space-between;align-items:center;gap:24px;padding:12px 18px;transition:background .2s;display:inline-flex}.cs-drop-local button:hover{background:#94172f}.cs-drop-local button:focus-visible{outline:2px solid var(--cs-navy);outline-offset:4px}.cs-drop-local button svg{stroke:currentColor;stroke-width:1.4px;width:21px;height:21px}.cs-drop-filename{flex:1;gap:3px;min-width:0;display:grid}.cs-drop-filename>span{color:var(--cs-ui-muted);font-size:11px}.cs-drop-filename strong{overflow-wrap:anywhere;font-size:13px;font-weight:400;display:block}.cs-drop[data-dragging=true] .cs-drop-local{background:#e4ebed}@keyframes cs-roi-wave{0%,to{transform:scaleY(.65)}50%{transform:scaleY(1)}}@keyframes cs-drop-files{0%,5%{transform:translate(0,var(--cs-drop-start-y)) rotate(var(--cs-drop-tilt));opacity:0}7%{transform:translate(0,var(--cs-drop-start-y)) rotate(var(--cs-drop-tilt));opacity:1}25%{transform:translate(var(--cs-drop-travel-x),var(--cs-drop-travel-y)) rotate(0);opacity:1}33%,to{transform:translate(var(--cs-drop-travel-x),calc(var(--cs-drop-travel-y) + var(--cs-drop-end-y))) rotate(0);opacity:1}}@keyframes cs-drop-pointer{0%,6%{opacity:1;transform:translate(0)}25%,29%{transform:translate(var(--cs-drop-travel-x),var(--cs-drop-travel-y));opacity:1}35%,89%{transform:translate(calc(var(--cs-drop-travel-x) + 24px),calc(var(--cs-drop-travel-y) + 25px));opacity:0}94%,to{opacity:0;transform:translate(0)}}@media (max-width:800px){.cs-roi{grid-template-columns:1fr;max-width:650px}.cs-roi-inputs{padding:28px}.cs-roi-results{padding:30px 28px 24px}.cs-roi-big output{font-size:clamp(34px,7.5vw,62px)}.cs-roi-assumptions{grid-template-columns:1fr 1fr}.cs-roi-assumptions h4{grid-column:1/-1}.cs-roi-wave{margin-top:20px}}@container (max-width:520px){.cs-drop-top{height:66px;padding-inline:18px}.cs-drop h3{font-size:22px}.cs-drop-scene{--cs-drop-travel-x:calc(50cqw - 102px);--cs-drop-travel-y:90px;height:381px}.cs-drop-source-label{font-size:11px;top:8px;left:18px}.cs-drop-source-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:auto;top:31px;left:18px;right:18px}.cs-drop-source-record{gap:5px;height:42px}.cs-drop-source-record>span{width:20px;height:27px;font-size:14px}.cs-drop-source-record strong{font-size:11px}.cs-drop-source-record small{font-size:7px}.cs-drop-zone{width:auto;height:262px;padding-top:13px;top:100px;left:18px;right:18px}.cs-drop-zone strong{font-size:15px}.cs-drop-zone>span{font-size:10px}.cs-drop-card,.cs-drop-saved{gap:9px;width:168px;height:56px;padding:8px 10px;top:79px;left:18px}.cs-drop-card-0{--cs-drop-end-y:-7px}.cs-drop-card-1{--cs-drop-end-y:54px}.cs-drop-card-2{--cs-drop-end-y:115px}.cs-drop-card-copy strong{font-size:11px}.cs-drop-card-copy>span{font-size:9px}.cs-drop-video{width:33px;height:36px}.cs-drop-cursor{width:30px;top:104px;left:146px}.cs-drop-result{min-height:108px;margin-inline:18px}.cs-drop-result>strong{font-size:14px}.callsniper-case .cs-drop .cs-drop-result p{max-width:270px;font-size:12px}.cs-drop-local{flex-direction:column;align-items:stretch;gap:14px;padding:2px 18px 22px}.cs-drop-local button{width:100%}.cs-drop-filename{min-height:38px}}@media (max-width:480px){.cs-roi-inputs{padding:22px 18px}.cs-roi-results{padding:26px 18px 20px}.cs-roi-assumptions{grid-template-columns:1fr}.cs-roi-big output{font-size:clamp(31px,10vw,49px)}.cs-roi-bar small{margin:3px 0 0;display:block}.cs-roi-breakdown>div{gap:10px;font-size:12px}.cs-roi-difference{flex-direction:column}.cs-roi-difference>output{font-size:29px}.cs-roi-bar{font-size:12px}}@media (prefers-reduced-motion:reduce){.cs-roi .cs-roi-wave i{animation-duration:3.8s!important;animation-iteration-count:infinite!important}.cs-roi .cs-roi-bar>div>span{transition-duration:.6s!important}.cs-drop .cs-drop-card,.cs-drop .cs-drop-cursor{animation-duration:8.4s!important;animation-iteration-count:infinite!important}}
.callsniper-case{--cs-navy:#0b2635;--cs-red:#b3203b;--cs-pale:#e9eef0;--cs-white:#fff;--cs-dim:#bed0d9;--cs-ink:#37515f;--cs-gutter:clamp(24px, 5.5vw, 88px);color:var(--cs-pale);background:var(--cs-navy);font-family:var(--font-sans), sans-serif;overflow:clip}.callsniper-case *{box-sizing:border-box}.callsniper-case section{isolation:isolate;position:relative;overflow:hidden}.callsniper-case h1,.callsniper-case h2{font-family:var(--font-display), Georgia, serif;letter-spacing:var(--tracking-display,-.035em);text-wrap:balance;font-weight:400}.callsniper-case p{text-wrap:pretty;max-width:620px;font-size:clamp(17px,1.38vw,20px);line-height:1.65}.cs-signal-field{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.cs-hero{min-height:790px;padding:90px var(--cs-gutter) 115px;align-items:center;display:flex}.cs-hero-copy{z-index:3;width:56%;max-width:800px;position:relative}.cs-logo{width:clamp(210px,24vw,330px);height:auto;margin-bottom:55px}.callsniper-case h1{margin:0 0 36px;font-size:clamp(52px,6.6vw,96px);line-height:.88}.cs-hero-copy p{max-width:540px;color:var(--cs-dim)}.cs-visit{color:var(--cs-pale);align-items:center;gap:32px;margin-top:30px;font-size:18px;font-weight:500;text-decoration:none;display:inline-flex}.cs-visit span{color:var(--cs-pale);transition:transform .32s var(--ease-reveal);font-size:27px}.cs-visit:hover span{transform:translate(4px,-4px)}.cs-visit:focus-visible,.cs-demo button:focus-visible{outline:3px solid var(--cs-pale);outline-offset:7px}.cs-section{padding:100px var(--cs-gutter) 110px}.cs-section-copy{z-index:2;grid-template-columns:1fr 1fr;align-items:start;gap:60px;max-width:1360px;margin:0 auto 54px;display:grid;position:relative}.callsniper-case h2{max-width:600px;margin:0;font-size:clamp(38px,4vw,60px);line-height:.98}.cs-section-copy p{color:var(--cs-dim);margin:0}.cs-identity{color:var(--cs-navy);background:var(--cs-pale)}.cs-identity .cs-section-copy p{color:var(--cs-ink)}.cs-instrument{z-index:1;cursor:grab;touch-action:pan-y;border-radius:var(--radius-lg,8px);max-width:1200px;margin:-5px auto 28px;position:relative}.cs-instrument[data-dragging=true]{cursor:grabbing}.cs-instrument:focus-visible{outline:3px solid var(--cs-red);outline-offset:3px}.cs-instrument svg{width:100%;height:auto;display:block;overflow:visible}.cs-instrument-mark{filter:drop-shadow(0 12px 20px #0b263514)}.cs-identity-logo{width:min(78%,770px);height:auto;margin:20px auto 0;display:block}.cs-product{padding-bottom:100px}.cs-demo{z-index:2;background:var(--cs-navy);border-radius:var(--radius-lg,8px);max-width:1220px;margin:auto;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000038}.cs-demo-tabs{background:var(--cs-pale);justify-content:center;gap:6px;padding:16px 20px;display:flex}.cs-demo-tabs button{color:var(--cs-ink);border-radius:var(--radius,4px);white-space:nowrap;cursor:pointer;padding:10px 20px;font-family:inherit;font-size:16px;transition:background .32s,color .32s}.cs-demo-tabs button[aria-pressed=true]{background:var(--cs-navy);color:var(--cs-pale)}.cs-demo-tabs button:focus-visible{outline-color:var(--cs-red);outline-offset:1px}.cs-demo-stage{aspect-ratio:1.47;position:relative;overflow:hidden}.cs-demo-screen{opacity:0;transition:opacity .7s var(--ease-reveal), transform .7s var(--ease-reveal);justify-content:center;display:flex;position:absolute;inset:0;transform:translate(20px)}.cs-demo-screen.is-current{opacity:1;transform:translate(0)}.cs-demo-screen img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.cs-demo-screen.is-scorecard img{width:60%}.cs-demo-cursor{z-index:3;pointer-events:none;width:29px;height:34px;animation:cs-demo-cursor var(--cs-demo-duration) cubic-bezier(.22,1,.36,1) both;filter:drop-shadow(0 2px 3px #00000059);position:absolute;top:0;left:0}.cs-demo-cursor svg{width:28px;height:34px;position:relative}.cs-demo-click{border:3px solid var(--cs-pale);width:42px;height:42px;animation:cs-demo-click var(--cs-demo-duration) ease-out both;border-radius:50%;position:absolute;top:-19px;left:-19px}.cs-slack-section{background:var(--cs-navy);padding-bottom:70px}.cs-slack-section .cs-section-copy{margin-bottom:30px}.cs-outdoor{background:var(--cs-pale);color:var(--cs-navy)}.cs-outdoor .cs-section-copy p{color:var(--cs-ink)}.cs-mockups{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(18px,3vw,42px);max-width:1440px;margin:auto;display:grid;position:relative}.cs-mockups figure{transform-origin:50%;margin:0;animation:14s ease-in-out infinite cs-art-drift}.cs-mockups img{border-radius:var(--radius,4px);width:100%;height:auto;display:block}.cs-billboard{grid-column:1/-1}.cs-mockups .cs-wall{animation-delay:-6s}.cs-mockups .cs-shelter{animation-delay:-10s}.cs-light{color:var(--cs-navy);background:var(--cs-pale)}.cs-light .cs-section-copy p{color:var(--cs-ink)}.cs-website-showcase{z-index:1;max-width:1360px;margin:auto;position:relative}.cs-website-nav{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.cs-website-nav>div{gap:8px;display:flex}.cs-website-nav button{border-radius:var(--radius,4px);cursor:pointer;color:var(--cs-ink);padding:10px 18px;transition:color .32s,background .32s}.cs-website-nav button[aria-pressed=true]{color:var(--cs-pale);background:var(--cs-navy)}.cs-website-nav a{color:var(--cs-navy);gap:16px;font-weight:500;text-decoration:none;display:inline-flex}.cs-website-views{animation:cs-website-enter .7s var(--ease-reveal) both;grid-template-columns:minmax(0,1fr) minmax(150px,24%);align-items:center;gap:32px;display:grid}.cs-website-screen{overscroll-behavior:contain;scrollbar-width:none;border-radius:var(--radius-lg,8px);background:var(--cs-navy);position:relative;overflow:auto;box-shadow:0 20px 60px #0b263529}.cs-website-screen::-webkit-scrollbar{display:none}.cs-website-screen img{width:100%;height:auto;display:block}.cs-website-desktop{height:clamp(320px,39vw,570px)}.cs-website-phone{height:clamp(340px,43vw,620px)}.cs-work-gallery{z-index:1;max-width:1360px;margin:0 auto;position:relative}.cs-artwork{cursor:zoom-in;background:0 0;width:100%;padding:0;animation:17s ease-in-out infinite cs-art-drift;display:block}.cs-artwork img{border-radius:var(--radius,4px);width:100%;height:auto;transition:transform .64s var(--ease-reveal), box-shadow .64s var(--ease-reveal);display:block}.cs-artwork:hover img{transform:translateY(-6px)scale(1.015);box-shadow:0 20px 60px #0000002b}.cs-campaign-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(18px,2.5vw,36px);display:grid}.cs-photo-gallery{columns:2;column-gap:clamp(20px,3vw,40px)}.cs-photo-gallery .cs-artwork{break-inside:avoid;margin-bottom:clamp(20px,3vw,40px)}.cs-logo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(20px,3vw,40px);display:grid}.cs-logo-gallery .cs-artwork:first-child{grid-column:1/-1}.cs-logo-history{max-width:700px;margin:0 auto 65px}.cs-logo-history h3{margin:0 0 20px;font-size:24px;font-weight:400}.cs-logo-history img{object-fit:contain;border-radius:var(--radius,4px);background:var(--cs-pale);width:100%;height:auto;padding:32px 24px}.cs-art-dialog{border-radius:var(--radius-lg,8px);width:min(96vw,1600px);max-width:96vw;max-height:94dvh;color:var(--cs-pale);background:var(--cs-navy);border:0;margin:auto;padding:56px 16px 16px;position:fixed;inset:0;overflow:auto}.cs-art-dialog::backdrop{background:#040f16e6}.cs-art-dialog>img{width:100%;height:auto;display:block}.cs-dialog-close{color:var(--cs-pale);background:var(--cs-navy);border-radius:var(--radius,4px);cursor:pointer;z-index:2;justify-content:center;align-items:center;gap:16px;margin:-44px 0 16px auto;padding:8px 14px;display:flex;position:sticky;top:-48px}.cs-dialog-close span{font-size:22px}.cs-website-nav button:focus-visible,.cs-website-nav a:focus-visible,.cs-website-screen:focus-visible,.cs-artwork:focus-visible,.cs-dialog-close:focus-visible{outline:3px solid var(--cs-red);outline-offset:5px}@keyframes cs-website-enter{0%{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cs-art-drift{0%,to{transform:translateY(0)rotate(-.25deg)}50%{transform:translateY(-9px)rotate(.25deg)}}@keyframes cs-demo-cursor{0%,12%{transform:translate3d(var(--cs-start-x), var(--cs-start-y), 0);opacity:0}18%{opacity:1}50%,90%{transform:translate3d(var(--cs-click-x), var(--cs-click-y), 0);opacity:1}to{transform:translate3d(var(--cs-click-x), var(--cs-click-y), 0);opacity:0}}@keyframes cs-demo-click{0%,77%{opacity:0;transform:scale(.25)}84%{opacity:.9;transform:scale(.4)}98%,to{opacity:0;transform:scale(1.4)}}@media (min-width:1600px){.cs-hero-copy{margin-left:calc(50vw - 800px)}}@media (max-width:900px){.cs-hero{min-height:760px;padding-top:80px}.cs-hero-copy{width:64%}.cs-section-copy{gap:30px}.cs-demo-tabs button{padding:10px 14px}}@media (max-width:600px){.cs-hero{min-height:845px;padding-top:55px;padding-bottom:300px;display:block}.cs-hero-copy{width:100%;max-width:none}.cs-logo{width:230px;margin-bottom:44px}.callsniper-case h1{margin-bottom:28px;font-size:clamp(46px,12vw,70px);line-height:.88}.cs-hero-copy p{font-size:17px;line-height:1.6}.cs-visit{margin-top:20px}.cs-section{padding-top:68px;padding-bottom:75px}.cs-section-copy{margin-bottom:26px;display:block}.callsniper-case h2{margin-bottom:24px;font-size:clamp(36px,9vw,50px);line-height:.98}.cs-section-copy p{font-size:17px}.cs-instrument{align-items:center;width:calc(100% + 28px);min-height:140px;margin:0 -14px 20px;display:flex}.cs-identity-logo{width:100%;margin-top:22px}.cs-demo{width:calc(100% + 28px);margin-left:-14px}.cs-demo-tabs{justify-content:space-around;gap:0;padding:8px 3px}.cs-demo-tabs button{padding:9px 6px;font-size:12px}.cs-demo-stage{aspect-ratio:.93}.cs-demo-screen img{object-fit:contain}.cs-demo-screen.is-scorecard img{width:100%}.cs-demo-cursor,.cs-demo-cursor svg{width:23px;height:28px}.cs-slack-section{padding-bottom:35px}.cs-mockups{grid-template-columns:1fr;gap:24px;width:calc(100% + 28px);margin-left:-14px}.cs-billboard{grid-column:auto}.cs-website-nav{margin-bottom:24px;display:block}.cs-website-nav>div{justify-content:space-between;gap:2px}.cs-website-nav button{padding:10px 12px;font-size:15px}.cs-website-nav a{margin-top:20px;font-size:15px}.cs-website-views{grid-template-columns:minmax(0,1fr);gap:28px;width:calc(100% + 28px);margin-left:-14px}.cs-website-desktop{height:240px}.cs-website-phone{width:min(100%,340px);height:560px;margin:auto}.cs-campaign-gallery,.cs-logo-gallery{grid-template-columns:1fr;gap:30px}.cs-logo-gallery .cs-artwork:first-child{grid-column:auto}.cs-photo-gallery{columns:1}.cs-logo-history{margin-bottom:42px}}@media (prefers-reduced-motion:reduce){.callsniper-case .cs-demo-cursor,.callsniper-case .cs-demo-click{animation-duration:var(--cs-demo-duration)!important;animation-iteration-count:1!important}.callsniper-case .cs-mockups figure{animation-duration:14s!important;animation-iteration-count:infinite!important}.callsniper-case .cs-demo-screen{transition-duration:.7s!important}.callsniper-case .cs-artwork{animation-duration:17s!important;animation-iteration-count:infinite!important}.callsniper-case .cs-website-views{animation-duration:.7s!important}}@media (max-width:360px){.callsniper-case h1{font-size:39px}}
