
.sf-case{--sf-blue:#1a56db;--sf-ink:#0f1117;--sf-muted:#4b5563;--sf-paper:#f7f6f3;font-family:"DM Sans",sans-serif;color:var(--sf-ink);box-sizing:border-box}.sf-case *{box-sizing:border-box}.sf-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.sf-kicker{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 22px}.sf-feature{padding:100px 0;background:#fff}.sf-feature h2{font:500 clamp(32px,4.3vw,58px)/1.08 "DM Sans",sans-serif;letter-spacing:-.055em;max-width:850px;margin:0 0 38px}.sf-stage{position:relative;overflow:hidden;display:grid;grid-template-columns:.9fr 1.25fr;gap:44px;align-items:center;background:linear-gradient(130deg,#153cab,#1a56db 60%,#3772ff);border-radius:25px;padding:55px;color:#fff;text-decoration:none;isolation:isolate}.sf-stage:before{content:"";position:absolute;width:500px;height:500px;right:-180px;top:-230px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05;z-index:-1;animation:sf-orbit 12s ease-in-out infinite alternate}.sf-brandline{display:flex;align-items:center;gap:15px;font-size:18px;letter-spacing:-.03em}.sf-brandline img{width:105px;height:auto}.sf-stage h3{font-size:clamp(32px,3.7vw,52px);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:46px 0 22px;color:#fff}.sf-stage p{font-size:16px;line-height:1.6;color:#e0e9ff;max-width:340px}.sf-arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:white;color:#1a56db;font-size:25px;margin-top:22px;transition:transform .25s}.sf-stage:hover .sf-arrow{transform:translateX(7px)}.sf-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-2deg);transition:transform .4s}.sf-stage:hover .sf-mosaic{transform:rotate(0)}.sf-tile{background:#f2f4fa;color:#10213d;border:1px solid #ffffff30;border-radius:17px;padding:25px;min-width:0}.sf-tile strong{display:block;font-size:clamp(30px,4vw,49px);font-weight:650;letter-spacing:-.05em;line-height:1.1;font-variant-numeric:tabular-nums}.sf-tile span{display:block;font-size:13px;margin-top:9px;line-height:1.4}.sf-tile.green{background:#059669;color:white}.sf-tile.dark{background:#0a1628;color:white}.sf-photo{grid-row:span 2;padding:0;position:relative;overflow:hidden;min-height:320px}.sf-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.sf-photo span{position:absolute;bottom:0;left:0;right:0;padding:40px 20px 20px;background:linear-gradient(transparent,#000b);color:white;margin:0}.sf-testimonial{display:grid;grid-template-columns:1fr auto;gap:28px;margin-top:34px;align-items:end}.sf-testimonial blockquote{margin:0;font-size:clamp(20px,2.3vw,29px);line-height:1.45;letter-spacing:-.025em;max-width:850px}.sf-person{margin-top:20px;display:flex;align-items:center;gap:13px;font-size:14px}.sf-person b{display:block}.sf-person small{display:block;color:#687180;margin-top:4px}.sf-initials{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#eaf0ff;color:#1a56db;font-weight:700}.sf-button{display:inline-flex;justify-content:center;align-items:center;gap:16px;border-radius:9px;padding:16px 22px;background:#1a56db;color:#fff!important;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;transition:transform .2s,background .2s}.sf-button:hover{background:#113fb7;transform:translateY(-2px)}.sf-button.light{background:#edf2ff;color:#1a56db!important}.sf-case a:focus-visible{outline:3px solid #00bc74;outline-offset:5px}.sf-page{margin:0;background:#f7f6f3}.sf-nav{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deded9}.sf-nav img{width:108px}.sf-nav-actions{display:flex;gap:26px;align-items:center}.sf-back{color:#566071;text-decoration:none;font-size:14px}.sf-hero{padding:74px 0 54px}.sf-hero h1{font-size:clamp(44px,6.9vw,88px);line-height:1.02;letter-spacing:-.065em;font-weight:500;max-width:1000px;margin:20px 0 26px}.sf-hero h1 em{font-style:normal;color:#1a56db}.sf-lead{font-size:19px;line-height:1.65;color:#4b5563;max-width:650px;margin:0}.sf-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.sf-meta span{padding:8px 13px;border:1px solid #d8dce2;border-radius:30px;font-size:12px}.sf-results{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:16px;margin:0 auto 90px}.sf-results .sf-photo{grid-row:span 2;min-height:480px}.sf-results .sf-tile{padding:34px;background:white;border-color:#dee0e5}.sf-results .sf-tile.blue{background:#1a56db;color:white;border-color:#1a56db}.sf-results .sf-tile.green{background:#059669;color:white;border-color:#059669}.sf-results .sf-tile strong{font-size:clamp(42px,5vw,65px)}.sf-results .sf-tile span{font-size:15px}.sf-results .sf-tile small{display:block;margin-top:17px;line-height:1.5;opacity:.75}.sf-story{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;padding:0 0 90px}.sf-story h2,.sf-efficiency h2,.sf-close h2{font-size:clamp(32px,4vw,49px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:0 0 24px}.sf-story p{font-size:18px;line-height:1.75;color:#4b5563;margin:0 0 20px}.sf-story .sf-kicker{color:#1a56db;font-size:12px}.sf-efficiency{background:#0c192d;color:white;padding:75px 0}.sf-small-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px}.sf-small-grid article{border-left:1px solid #ffffff30;padding:0 24px}.sf-small-grid article:first-child{padding-left:0;border:0}.sf-small-grid strong{display:block;font-size:43px;letter-spacing:-.05em}.sf-small-grid span{display:block;font-size:14px;color:#b5c2d7;margin-top:10px}.sf-publishers{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.sf-publishers span{border:1px solid #d7dce4;border-radius:9px;padding:12px 17px;font-size:17px;font-weight:650}.sf-quote-section{padding:90px 0}.sf-quote-section blockquote{font-size:clamp(25px,3.2vw,40px);line-height:1.45;letter-spacing:-.035em;margin:0;max-width:1020px}.sf-quote-mark{color:#1a56db;font-size:80px;line-height:1;font-family:Georgia,serif}.sf-note{font-size:12px!important;color:#6b7380!important;line-height:1.65!important;max-width:800px;margin-top:28px!important}.sf-close{padding:60px;background:#e8efff;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:60px}.sf-close h2{margin:0;max-width:580px}.sf-footer{border-top:1px solid #dcdedc;padding:28px 0;display:flex;justify-content:space-between;color:#67707e;font-size:12px}.sf-footer a{color:inherit;text-decoration:none;margin-left:20px}.sf-progress{position:fixed;top:0;left:0;height:3px;background:#1a56db;z-index:100;width:0}.sf-reveal{transition:opacity .7s,transform .7s}.sf-js .sf-reveal:not(.sf-visible){opacity:0;transform:translateY(24px)}@keyframes sf-orbit{to{transform:translate(-40px,40px) scale(1.12)}}@media(max-width:760px){.sf-wrap{width:calc(100% - 36px)}.sf-feature{padding:65px 0}.sf-stage{grid-template-columns:1fr;padding:28px;gap:28px}.sf-stage h3{margin-top:28px}.sf-stage p{max-width:none}.sf-mosaic{transform:none}.sf-photo{min-height:270px}.sf-testimonial{grid-template-columns:1fr}.sf-testimonial .sf-button{justify-self:start}.sf-hero{padding:45px 0}.sf-hero h1{font-size:53px}.sf-nav-actions{gap:15px}.sf-nav .sf-button{padding:12px;font-size:12px}.sf-nav .sf-back{display:none}.sf-results{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:60px}.sf-results .sf-photo{grid-column:1/-1;grid-row:auto;min-height:330px}.sf-results .sf-photo img{object-position:center 35%}.sf-results .sf-tile{padding:22px}.sf-results .sf-tile strong{font-size:42px}.sf-story{grid-template-columns:1fr;gap:15px;padding-bottom:55px}.sf-small-grid{grid-template-columns:1fr 1fr;gap:30px}.sf-small-grid article:nth-child(3){padding-left:0;border:0}.sf-small-grid strong{font-size:36px}.sf-quote-section{padding:60px 0}.sf-close{padding:30px;display:block}.sf-close .sf-button{margin-top:25px}.sf-footer{gap:20px;flex-wrap:wrap}.sf-footer a{margin:0 15px 0 0}}@media(prefers-reduced-motion:reduce){.sf-case *{animation:none!important;transition:none!important}.sf-js .sf-reveal:not(.sf-visible){opacity:1;transform:none}}

/* Public case-study navigation remains visible while scrolling. */
.sf-nav{position:sticky;top:0;z-index:80;background:rgba(246,245,242,.82);-webkit-backdrop-filter:blur(22px) saturate(155%);backdrop-filter:blur(22px) saturate(155%);box-shadow:0 8px 28px rgba(16,27,44,.06)}.sf-feature-link{display:inline-block;margin-top:24px;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:5px;color:#fff;font-size:14px;font-weight:600}.sf-feature{scroll-margin-top:80px}@media(max-width:760px){.sf-nav{width:100%;padding:0 18px;height:70px}}

/* Publisher movement is contained within the public case study. */
.sf-story>div{min-width:0}.sf-publisher-window{overflow:hidden;margin-top:28px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.sf-publisher-track{display:flex;width:max-content;animation:sf-publishers-scroll 24s linear infinite}.sf-publisher-set{display:flex;flex-shrink:0;gap:16px;padding-right:16px}.sf-publisher-set span{display:flex;align-items:center;justify-content:center;width:164px;height:100px;background:#fff;border:1px solid #e0e4ec;border-radius:14px}.sf-publisher-set img{width:132px;height:60px;object-fit:contain}.sf-publisher-toggle{margin-top:12px;padding:6px 0;border:0;background:transparent;color:#4b5563;font:500 12px "DM Sans",sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}@keyframes sf-publishers-scroll{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.sf-publisher-window{overflow-x:auto;mask-image:none}.sf-publisher-set[aria-hidden]{display:none}.sf-publisher-toggle{display:none}}

/* Same typography scale and palette as /try; scoped to case-study content. */
.sf-case{font-size:16px;line-height:1.6}.sf-hero h1{font-size:clamp(42px,4.2vw,60px);font-weight:700;line-height:1.06;letter-spacing:-.045em}.sf-feature h2,.sf-story h2,.sf-efficiency h2,.sf-close h2{font-size:clamp(34px,4vw,54px);font-weight:700;line-height:1.08;letter-spacing:-.045em}.sf-stage h3{font-weight:700;letter-spacing:-.045em}.sf-lead,.sf-story p{font-size:18px;line-height:1.6}.sf-story .sf-kicker{font-size:12px}.sf-button{font-size:15px;font-weight:600;line-height:1.4;border-radius:999px;padding:15px 24px}.sf-publisher-set img{max-width:132px;max-height:43px;filter:grayscale(1);opacity:.78}.sf-publisher-set span{border-color:#e5e3dc}.sf-publisher-set span:hover img{filter:none;opacity:1}@media(max-width:760px){.sf-hero h1{font-size:clamp(35px,7.4vw,50px);line-height:1.08}.sf-lead{font-size:16px;line-height:1.55}.sf-story p{font-size:17px}.sf-story .sf-kicker{font-size:12px}.sf-button{padding:14px 20px}.sf-publisher-set img{max-width:125px;max-height:34px}}
@media(min-width:761px){.sf-story{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px}}

/* Final case-study layout refinements. */
.sf-publisher-set span{background:transparent;border:0;border-radius:0;height:64px}.sf-publisher-set img{filter:none;opacity:1}.sf-placements{padding-bottom:20px}.sf-placements+.sf-quote-section{padding-top:20px}.sf-close h2{font-size:clamp(24px,3.5vw,50px)}.sf-close h2 span{display:block;white-space:nowrap}@media(max-width:760px){.sf-close h2{font-size:clamp(21px,6.6vw,40px)}}
/* Compact spacing for the case-study publisher row. */
.sf-publisher-set{gap:24px;padding-right:24px}.sf-publisher-set span{width:auto;flex:0 0 auto}.sf-publisher-set img{width:auto;height:auto;max-width:132px;max-height:43px}@media(max-width:760px){.sf-publisher-set{gap:20px;padding-right:20px}.sf-publisher-set img{max-width:110px;max-height:34px}}
/* Balanced spacing, preserving the original 37.5px/second scroll speed. */
.sf-publisher-set{gap:24px;padding-right:24px}.sf-publisher-set span{width:128px;flex:0 0 128px}.sf-publisher-track{animation-duration:20.266667s}@media(max-width:760px){.sf-publisher-set{gap:24px;padding-right:24px}}

/* Twelve publishers at the same 37.5px/second pace. */
.sf-publisher-track{animation-duration:48.64s}

/* Desktop placement composition; mobile keeps its existing stacked layout. */
@media(min-width:1000px){.sf-placements{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;row-gap:12px}.sf-placement-content{display:contents}.sf-placement-content>p{padding-top:44px}.sf-placements .sf-publisher-window{grid-column:1/-1;margin-top:0}.sf-placements h2{margin-bottom:0}}
