.case-lp{background:transparent;color:var(--ink);font:400 16px/1.6 var(--body);overflow-x:clip;position:relative;-webkit-font-smoothing:antialiased}.case-lp .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.case-lp{color-scheme:dark;--ground:#06090c;--steel:#101c26;--steel2:#16242f;--ink:#eef6f8;--mute:rgba(238,246,248,.66);--faint:rgba(238,246,248,.42);--line:rgba(238,246,248,.12);--ice:#7fd4e6;--ice-deep:#4fb0cc;--ice-hi:#d8f4f8;--on-ice:#101c26;--ok:#39d98a;--warn:#f2b45a;--bad:#ff7a7a;--display:"IBM Plex Sans","IBM Plex Sans Thai",system-ui,sans-serif;--body:"IBM Plex Sans","IBM Plex Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--gutter:clamp(16px,4vw,56px)}.case-lp *{box-sizing:border-box}.case-lp a{color:inherit}.case-lp :focus-visible{border-radius:6px;outline:2px solid var(--ice);outline-offset:3px}.case-lp .wrap{margin:0 auto;max-width:1180px;padding-inline:var(--gutter)}.case-lp h1,.case-lp h2,.case-lp h3{font-family:var(--display);font-weight:500;margin:0;text-wrap:balance}.case-lp h1{font-size:clamp(48px,8.4vw,120px);letter-spacing:-.033em;line-height:.92}.case-lp h2{font-size:clamp(32px,4.4vw,60px);letter-spacing:-.027em;line-height:1}.case-lp h3{font-size:clamp(20px,1.8vw,24px);letter-spacing:-.015em;line-height:1.15}.case-lp p{margin:0}.case-lp .lede{color:var(--mute);font-size:clamp(17px,1.5vw,21px);max-width:60ch}.case-lp .eyebrow{color:var(--ice);font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.case-lp .muted{color:var(--mute)}.case-lp .btn{align-items:center;border:0;border-radius:999px;cursor:pointer;display:inline-flex;font:600 15px/1 var(--display);height:48px;justify-content:center;letter-spacing:-.006em;padding:0 24px;text-decoration:none;white-space:nowrap}.case-lp .btn.primary{background:var(--ice);color:var(--on-ice)}.case-lp .btn.primary:hover{background:var(--ice-hi)}.case-lp .btn.ghost{background:transparent;border:1px solid rgba(238,246,248,.24);color:var(--ink)}.case-lp .btn.ghost:hover{border-color:var(--ice)}.case-lp .row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}@media(prefers-reduced-motion:reduce){.case-lp *{animation:none!important;transition:none!important}}.case-lp .c-hero{align-items:end;display:grid;gap:clamp(28px,5vw,72px);grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);padding-block:clamp(40px,8vh,96px) 40px}.case-lp .c-hero .t{display:grid;gap:22px}.case-lp .crumbs{color:var(--faint);font:500 13px/1 var(--display)}.case-lp .crumbs b{color:var(--mute);font-weight:500}.case-lp .facts{background:var(--steel);border:1px solid var(--line);border-radius:20px;display:grid;gap:16px;padding:22px}.case-lp .facts .logo{align-items:center;display:flex;height:64px}.case-lp .facts .logo img{max-height:64px;max-width:200px}.case-lp .facts dl{display:grid;gap:12px;margin:0}.case-lp .facts dt{color:var(--faint);font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}.case-lp .facts dd{font-size:15px;margin:2px 0 0}.case-lp .chips{display:flex;flex-wrap:wrap;gap:6px}.case-lp .chip{align-items:center;border:1px solid var(--line);border-radius:99px;display:inline-flex;font:500 13px/1 var(--display);gap:7px;padding:7px 11px}.case-lp .chip i{background:var(--c,var(--ice));border-radius:50%;height:8px;width:8px}.case-lp .band{display:grid;gap:clamp(24px,5vw,72px);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding-block:72px 0}.case-lp .band h2{align-self:start;position:sticky;top:24px}.case-lp .band .body{color:var(--mute);display:grid;font-size:17px;gap:18px;max-width:62ch}.case-lp .band .body strong{color:var(--ink);font-weight:500}.case-lp .built{background:var(--line);border:1px solid var(--line);border-radius:20px;display:grid;gap:1px;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.case-lp .built div{align-content:start;background:var(--ground);display:grid;gap:8px;min-width:0;padding:22px}.case-lp .built .prod{color:var(--c,var(--ice));font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.case-lp .built p{color:var(--mute);font-size:15px}.case-lp .changed{border-top:1px solid var(--line);display:grid;gap:0}.case-lp .changed li{border-bottom:1px solid var(--line);display:grid;font-size:17px;gap:12px;grid-template-columns:28px minmax(0,1fr);list-style:none;padding-block:16px}.case-lp .changed li:before{background:var(--ok);border-radius:50%;box-shadow:0 0 0 4px #39d98a1f;content:"";height:10px;margin-top:9px;width:10px}.case-lp .changed ul{margin:0;padding:0}.case-lp .private{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.case-lp .private div{border:1px solid var(--line);border-radius:18px;display:grid;gap:6px;padding:20px}.case-lp .private p{color:var(--mute);font-size:15px}.case-lp .close{background:linear-gradient(140deg,var(--steel),var(--steel2));border-radius:28px;display:grid;gap:18px;justify-items:start;margin-top:96px;padding:clamp(28px,5vw,56px)}.case-lp .other{align-items:center;color:var(--mute);display:flex;font-size:15px;gap:14px;margin-top:20px}.case-lp .other img{height:34px}@media(max-width:860px){.case-lp .band,.case-lp .built,.case-lp .c-hero,.case-lp .private{grid-template-columns:minmax(0,1fr)}.case-lp .band h2{position:static}}.case-lp .built .wide{grid-column:1/-1;padding:28px}.case-lp .built .wide h3{font-size:clamp(24px,2.4vw,32px)}.case-lp .built .wide p{font-size:16.5px;max-width:70ch}.case-lp{padding-bottom:clamp(72px,12vh,128px)}.case-lp .c-hero{padding-top:clamp(120px,16vh,168px)}.case-lp .other a{color:var(--ink)}.case-lp .other a:hover{color:var(--ice-hi)}
