body{overflow:hidden auto}.case-shell{position:relative}.case-outline{top:45px;left:0;bottom:var(--footer-h);z-index:5;background:#f3f3f3;flex-direction:column;gap:10px;width:260px;padding:65px 0 0 30px;display:flex;position:fixed}.outline-item{color:#7b7b7b;white-space:nowrap;align-self:flex-start;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400;text-decoration:none;transition:color .2s,transform .2s;position:relative}.outline-item:hover{color:#5e5e5e}.outline-item:before{content:"-";opacity:0;margin-right:4px;transition:opacity .2s;position:absolute;right:100%}.outline-item.is-active{color:#ff5400;transform:translate(calc(1ch + 4px))}.outline-item.is-active:before{opacity:1}.case-content{flex-direction:column;gap:30px;margin-left:350px;padding-top:45px;padding-bottom:60px;padding-right:90px;display:flex}.cs-cover-wrap{aspect-ratio:1008/572;border-radius:10px;width:100%;margin-top:45px;position:relative;overflow:hidden}.cs-cover-wrap img{width:auto;max-width:none;height:100%;position:absolute;top:0;left:-24.8%}.cs-cover-wrap.plain-cover img{object-fit:cover;width:100%;height:100%;top:0;left:0}.cs-ibm-cover{aspect-ratio:1008/572;background:#000;border-radius:10px;width:100%;margin-top:45px;position:relative;overflow:hidden}.cs-ibm-accent{color:#0f62fe;font-weight:700}.cs-project-card{box-sizing:border-box;background:#fcfcfc;border:1px solid #d9d9d9;border-radius:20px;align-items:center;gap:60px;width:100%;padding:41px 58px;display:flex;position:relative}.cs-project-shot{flex-shrink:0;width:242px;height:160px;position:relative}.cs-project-shot .cs-project-screen-clip{width:79.61%;height:75.84%;position:absolute;top:13.18%;left:10.18%;overflow:hidden}.cs-project-shot .cs-project-screen{object-fit:cover;filter:blur(4px);width:100%;height:100%;position:absolute;inset:0}.cs-project-shot .cs-project-frost{background:#fcfcfc33;width:79.61%;height:75.84%;position:absolute;top:13.18%;left:10.18%}.cs-project-shot .cs-project-macbook{width:100%;height:100%;position:absolute;inset:0}.cs-project-card .cs-body{flex:1}.cs-project-text{flex-direction:column;flex:1;gap:12px;display:flex}.cs-ibm .cs-hmw,.cs-ibm .cs-list-accent,.cs-ibm .cs-adaptation-title{color:#0f62fe}.cs-heading-note{color:#7b7b7b;font-size:.72em}.cs-steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;display:grid}.cs-sidequest{box-sizing:border-box;background:#fcfcfc;border:1px solid #d9d9d9;border-radius:20px;align-items:center;gap:30px;width:100%;padding:30px 44px 30px 45px;display:flex}.cs-sidequest img{object-fit:cover;border:1px solid #d9d9d9;border-radius:10px;flex-shrink:0;width:323px;height:182px}.cs-sidequest .cs-body{flex:1}.cs-testimonial-card{box-sizing:border-box;border:1px solid #d9d9d9;border-radius:20px;flex-direction:column;gap:30px;width:100%;padding:30px;display:flex;position:relative}.cs-testimonial-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.cs-testimonial-role{color:#0f62fe;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400}.cs-testimonial-role-sub{color:#7b7b7b}.cs-testimonial-link{color:#7b7b7b;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.cs-testimonial-link:hover{color:#0f62fe}.cs-testimonial-arrow{width:13px;height:13px;display:block}.cs-label{color:#5e5e5e;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400}.cs-label-accent{text-transform:uppercase;color:#219ebc;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400}.cs-heading{color:#5e5e5e;font-family:Lora,serif;font-size:25px;font-weight:400;line-height:normal}.cs-heading-accent{color:#219ebc}.cs-body{color:#7b7b7b;font-family:IBM Plex Sans,sans-serif;font-size:15px;font-weight:500;line-height:normal}.cs-body .accent{color:#219ebc}.cs-body .accent-ibm{color:#0f62fe}.cs-block{flex-direction:column;gap:12px;display:flex}#projects,#sidequest{gap:30px}.cs-meta{flex-wrap:wrap;justify-content:center;gap:36px 150px;display:flex}@media (width<=1240px){.cs-meta{gap:30px 60px}}@media (width<=1024px){.cs-meta{gap:22px 28px}}@media (width<=900px){.case-outline{display:none}.case-content{margin-left:0;padding-left:24px;padding-right:24px}.cs-meta{grid-template-columns:1fr 1fr;gap:24px clamp(20px,6vw,56px);display:grid}.cs-meta-item{min-width:0}body .cs-app-icons{gap:8px;padding:18px 12px}body .cs-app-icon{flex:1 1 0;gap:10px;width:auto;min-width:0;max-width:81px}body .cs-app-icon img{--icon:clamp(44px, 13.5vw, 64px);width:var(--icon);height:var(--icon);border-radius:30%;flex:none}body .cs-app-icon span{white-space:normal;text-align:center;font-size:10px}.cs-compare{flex-direction:column}.cs-compare-box{flex:none;width:100%}.cs-compare-arrow{display:none}.cs-donut-section{flex-direction:column;align-items:center;gap:24px}.cs-donut-wrap{aspect-ratio:1;width:100%;max-width:417px;height:auto}.cs-donut-rings{width:100%;height:100%}.cs-insights{width:100%}.cs-adaptations{flex-direction:column}.cs-adaptation-card{flex:none;width:100%}.cs-project-card{flex-direction:column;align-items:stretch;gap:30px;padding:30px}.cs-project-shot{aspect-ratio:242/160;width:100%;height:auto}.cs-sidequest{background:#fcfcfc;border:1px solid #d9d9d9;border-radius:20px;flex-direction:column;gap:30px;padding:30px}.cs-sidequest img{aspect-ratio:376/212;width:100%;height:auto}}.cs-meta-item{flex-direction:column;gap:5px;display:flex}.cs-meta-label{color:#219ebc;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400}.cs-meta-value{color:#5e5e5e;font-family:IBM Plex Sans,sans-serif;font-size:15px;font-weight:400;line-height:normal}.cs-meta-team span{display:block}.cs-meta.ibm-meta .cs-meta-label{color:#0f62fe}.cs-hmw{color:#219ebc;font-family:Lora,serif;font-size:25px;font-weight:400;line-height:normal}.cs-list-accent{color:#219ebc;flex-direction:column;gap:4px;padding-left:22px;font-family:IBM Plex Sans,sans-serif;font-size:15px;font-weight:500;display:flex}.cs-list{color:#7b7b7b;flex-direction:column;gap:8px;padding-left:22px;font-family:IBM Plex Sans,sans-serif;font-size:15px;font-weight:500;line-height:normal;display:flex}.cs-app-icons{border:1px solid #d9d9d9;border-radius:10px;justify-content:center;align-items:center;gap:60px;padding:15px 60px;display:flex}.cs-app-icon{flex-direction:column;align-items:center;gap:15px;width:81px;display:flex}.cs-app-icon img{object-fit:cover;border:1px solid #d9d9d9;border-radius:25px;width:81px;height:81px}.cs-app-icon span{color:#7b7b7b;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:12px}.cs-compare{align-items:stretch;gap:30px;display:flex}.cs-compare-box{border:1px solid #d9d9d9;border-radius:10px;flex-direction:column;flex:1;gap:12px;padding:20px 30px;display:flex}.cs-compare-title{color:#219ebc;align-items:center;gap:10px;font-family:Lora,serif;font-size:20px;font-weight:400;display:flex}.cs-compare-title img{width:26px;height:26px}.cs-compare-arrow{opacity:.6;align-self:center;width:26px}.cs-adaptations{gap:30px;display:flex}.cs-adaptation-card{border:1px solid #d9d9d9;border-radius:10px;flex-direction:column;flex:1;gap:12px;padding:30px 22px 30px 30px;display:flex}.cs-adaptation-title{color:#219ebc;font-family:Lora,serif;font-size:20px;font-weight:400}.cs-adaptation-point{align-items:flex-start;gap:10px;display:flex}.cs-adaptation-point img{flex-shrink:0;width:20px;height:20px;margin-top:2px}.cs-adaptation-point img[src*=check]{width:24px;height:24px;margin-top:0}.cs-adaptation-point p{color:#7b7b7b;font-family:IBM Plex Sans,sans-serif;font-size:15px;font-weight:400;line-height:normal}.cs-donut-section{align-items:center;gap:10px;display:flex}.cs-donut-wrap{flex-shrink:0;width:417px;height:417px;position:relative}.cs-donut-rings{width:417px;height:417px;display:block}.cs-donut-badge{white-space:nowrap;background:#fcfcfc;border:1px solid #d9d9d9;border-radius:8px;justify-content:center;align-items:center;padding:5px 8px;font-family:DM Sans,IBM Plex Sans,sans-serif;font-size:12px;font-weight:700;line-height:normal;display:flex;position:absolute}.cs-insights{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.cs-insights>div{flex-direction:column;gap:5px;display:flex}.cs-insight-title{font-family:Lora,serif;font-size:20px;font-weight:400;line-height:normal}.cs-insight-body{color:#7b7b7b;max-width:535px;font-family:IBM Plex Sans,sans-serif;font-size:15px;font-weight:500;line-height:normal}.cs-sketch-img{border-radius:10px;width:100%;max-width:2348px;height:auto;margin:0 auto;display:block}.cs-jumpstart{aspect-ratio:945/532;border-radius:20px;width:100%;max-width:2348px;margin:0 auto;position:relative;overflow:hidden}.cs-jumpstart-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cs-jumpstart-scorecard{object-fit:cover;border:1px solid #d9d9d9;border-radius:10px;width:59.68%;height:81.02%;position:absolute;top:9.4%;left:20.21%}.cs-screen-frame{box-sizing:border-box;aspect-ratio:946/532;border-radius:20px;width:100%;position:relative;overflow:hidden}.cs-screen-frame.outline-frame{border:1px solid #d9d9d9}.cs-screen-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cs-screen-phone{aspect-ratio:187/392;width:19.77%;position:absolute;top:13.16%;left:6.34%}.cs-screen-video-slot{background:#000;border-radius:16.7%/7.8%;width:91.4%;height:95.81%;position:absolute;top:2.14%;left:4.28%;overflow:hidden}.cs-screen-video-slot video,.cs-screen-video-slot img{object-fit:cover;width:100%;height:100%;display:block}.cs-screen-video-slot video.cs-video-trim-edges{transform:scale(1.015)}.cs-screen-bezel{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cs-screen-core-label{color:#fcfcfc;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400;position:absolute;top:18.42%;left:29.18%}.cs-screen-core{box-sizing:border-box;border:1px solid #fcfcfc;border-radius:20px;align-items:center;width:64.27%;height:57.89%;padding:0 3%;display:flex;position:absolute;top:23.68%;left:29.18%;overflow:hidden}.cs-screen-core.solid-bg{background:#fcfcfc;border-color:#d9d9d9}.cs-screen-core-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.cs-screen-mockups{z-index:1;justify-content:center;gap:25px;width:100%;display:flex;position:relative}.cs-mockup-frame{aspect-ratio:119/243;border-radius:8%;width:19.77%;position:relative;overflow:hidden}.cs-mockup-frame img{object-fit:cover;width:100%;height:100%;position:absolute}.cs-mockup-frame img.has-crop{object-fit:fill;max-width:none;max-height:none}@media (width<=900px){.cs-screen-frame{aspect-ratio:auto;border:0;border-radius:0;justify-content:center;padding:20px 0;display:flex;overflow:visible}.cs-screen-frame .cs-screen-bg,.cs-screen-frame .cs-screen-phone,.cs-screen-frame .cs-screen-core-bg,.cs-screen-frame .cs-screen-core-label{display:none}.cs-screen-frame .cs-screen-core{background:0 0;border:0;border-radius:0;width:100%;height:auto;padding:0;position:static}.cs-screen-frame .cs-screen-mockups{gap:20px}.cs-screen-frame .cs-mockup-frame{border-radius:0;width:22%;max-width:119px}}.cs-persona{box-sizing:border-box;border-radius:20px;width:100%;padding:clamp(20px,6%,60px);position:relative;overflow:hidden}.cs-persona-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.cs-persona-card{z-index:1;color:#fcfcfc;box-sizing:border-box;border:1px solid #fcfcfc;border-radius:10px;flex-direction:column;gap:30px;width:100%;padding:clamp(16px,3.5%,32px);display:flex;position:relative}.cs-persona-name{font-family:Lora,serif;font-size:25px;font-weight:400}.cs-persona-tags{flex-wrap:wrap;align-items:center;gap:15px;margin-top:15px;display:flex}.cs-persona-tag{border:1px solid #fcfcfc;border-radius:5px;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:12px}.cs-persona-desc{max-width:765px;margin-top:15px;font-family:IBM Plex Sans,sans-serif;font-size:15px;font-weight:500;line-height:normal}.cs-persona-cols{flex-wrap:wrap;gap:15px 30px;display:flex}.cs-persona-col{flex-direction:column;flex:260px;align-items:flex-start;gap:15px;min-width:0;display:flex}.cs-persona-list{flex-direction:column;gap:6px;padding-left:22px;font-family:IBM Plex Sans,sans-serif;font-size:15px;font-weight:500;line-height:normal;display:flex}.cs-iterations{aspect-ratio:930/470;box-sizing:border-box;background:#fcfcfc;border:1px solid #d9d9d9;border-radius:20px;align-items:flex-start;gap:30px;width:100%;padding:30px;display:flex;position:relative;overflow:hidden}.cs-iteration-col{flex-direction:column;flex:1;gap:15px;min-width:0;display:flex}.cs-iteration-frame{border:1px solid #d9d9d9;border-radius:20px;width:100%;overflow:hidden}.cs-iteration-frame img{width:100%;height:auto;display:block}@media (width<=900px){.cs-persona-cols{flex-direction:column}.cs-persona-col{flex:none;width:100%}.cs-iterations{background:0 0;border:0;border-radius:0;gap:14px;padding:0}.cs-screen-frame.outline-frame{border:0}.cs-jumpstart{aspect-ratio:auto;border-radius:0;overflow:visible}.cs-jumpstart-bg{display:none}.cs-jumpstart-scorecard{width:100%;height:auto;position:static}.cs-meta-team span{display:inline}.cs-meta-team span:not(:last-child):after{content:", "}.cs-meta-team{white-space:normal}}