.case-people{padding:clamp(72px,8vw,128px) var(--gutter);color:#18191d;background:#f6f7f8;overflow:clip}.case-people-heading{max-width:900px}.case-people-eyebrow{letter-spacing:.17em;text-transform:uppercase;color:#526177;margin:0;font-size:12px;font-weight:600;line-height:1.5}.case-people-heading h2{font-family:var(--font-display);letter-spacing:-.05em;white-space:pre-line;margin:22px 0 0;font-size:clamp(36px,4.6vw,68px);font-weight:540;line-height:1.06}.case-people-heading>p:last-child{color:#616c7d;max-width:650px;margin:26px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.6}.case-people-scene{isolation:isolate;background:#e7e5df;border-radius:20px;margin:56px 0 0;position:relative;overflow:hidden}.case-people-photo{aspect-ratio:1.6;object-fit:cover;width:100%;height:auto;display:block}.case-people-product{z-index:1;width:35%;max-width:420px;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.case-people-product .figma-list{background:#fff;border-radius:16px;width:100%;box-shadow:0 28px 64px #202e4526}.case-people-product .figma-list-row{padding:16px}.case-people-product .figma-list-more{min-height:48px}.case-people-crm{background:#fff}.case-people-crm .case-people-product,.case-people-chatbot .case-people-product{width:37%;max-width:440px;left:auto;right:5%}.case-person-conversation{font:14px/1.5 var(--font-inter,Arial),sans-serif;color:#324359;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;border:1px solid #fff;border-radius:16px;padding:22px;box-shadow:0 24px 60px #23304420}.case-person-conversation header{align-items:center;gap:10px;margin-bottom:22px;display:flex}.case-person-conversation header img{object-fit:cover;border-radius:50%;width:38px;height:38px}.case-person-conversation header span{gap:3px;display:grid}.case-person-conversation header strong{font-size:13px}.case-person-conversation header small{color:#6d7c8f;font-size:10px}.case-person-conversation p{background:#f0f3f7;border-radius:12px 12px 12px 3px;margin:12px 0;padding:15px;font-size:13px}.case-person-conversation p:last-child{background:#e9f3ed;border-radius:12px 12px 3px;margin-left:25px}.case-people-ticket{background:#fff}.case-people-ticket .case-people-scene{background:#eef1f5;grid-template-columns:1.3fr 1fr;gap:0;display:grid}.case-people-ticket .case-people-photo{aspect-ratio:auto;object-position:70% center;height:100%;min-height:660px}.case-people-ticket .case-people-product{place-items:center;width:100%;max-width:none;padding:40px;display:grid;position:relative;top:auto;left:auto;transform:none}.case-people-ticket .tl-vehicle{width:280px;box-shadow:0 24px 50px #26375218}.case-people-hr{background:#f6f3ee}.case-people-hr .case-people-scene{background:0 0;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;display:grid;overflow:visible}.case-people-hr .case-people-photo{aspect-ratio:auto;object-position:center;border-radius:16px;height:600px}.case-people-hr .case-people-product{width:100%;max-width:none;position:relative;top:auto;left:auto;transform:none}.case-people-hr .case-people-product img{border-radius:12px;width:100%;display:block;box-shadow:0 20px 50px #3e343b20}.case-people-chatbot{background:#f4f6f9}.case-people-chatbot .case-people-product>img{background:#fff;border-radius:12px;width:100%;display:block;box-shadow:0 24px 60px #1823302e}@media (max-width:1000px){.case-people-product{width:39%}.case-people-product .figma-list-row{padding:12px}.case-people-product .figma-list-copy strong,.case-people-product .figma-list-value strong{font-size:12px}.case-people-product .figma-list-copy small,.case-people-product .figma-list-value small{font-size:10px}.case-people-product .figma-list-thumb{width:28px;height:28px}.case-people-ticket .case-people-product{padding:28px}.case-people-hr .case-people-photo{height:480px}.case-person-conversation{padding:16px}.case-person-conversation p{padding:12px;font-size:12px}}@media (max-width:700px){.case-people{padding-block:64px}.case-people-heading h2{white-space:normal;font-size:38px}.case-people-scene{margin-top:36px;border-radius:14px;margin-inline:-12px;padding-bottom:28px}.case-people-photo{aspect-ratio:auto;object-position:70% center;height:360px}.case-people-product,.case-people-crm .case-people-product,.case-people-chatbot .case-people-product{width:auto;max-width:400px;margin:-35px 20px 0;position:relative;top:auto;left:auto;right:auto;transform:none}.case-people-crm .case-people-photo,.case-people-chatbot .case-people-photo{object-position:25% center}.case-people-product .figma-list-row{padding:14px}.case-people-ticket .case-people-scene,.case-people-hr .case-people-scene{display:block}.case-people-ticket .case-people-photo{height:360px;min-height:0}.case-people-ticket .case-people-product{width:auto;margin:0;padding:28px 20px 0}.case-people-hr .case-people-photo{height:390px}.case-people-hr .case-people-product{width:auto;margin:24px 20px 0}.case-people-hr .case-people-scene{background:#e9e4dd}.case-people-crm .case-people-scene{background:#e9e7e1}}.case-people-chatbot .case-people-scene{background:#e4e8eb;grid-template-columns:.8fr 1.2fr;display:grid}.case-people-chatbot .case-people-photo{aspect-ratio:auto;object-position:24% center;height:600px}.case-people-chatbot .case-people-product{width:100%;max-width:none;margin:0;position:relative;top:auto;left:auto;right:auto;transform:none}.case-people-chatbot .case-people-product>img{object-fit:cover;object-position:75% center;height:100%;box-shadow:none;border-radius:0}@media (max-width:700px){.case-people-chatbot .case-people-scene{padding-bottom:0;display:block}.case-people-chatbot .case-people-photo{height:360px}.case-people-chatbot .case-people-product>img{aspect-ratio:1.2;height:auto}}.case-people-chatbot .case-people-product{background:#3f494e;place-items:center;display:grid}.case-people-chatbot .case-people-product>img{object-fit:contain;height:auto}@media (max-width:700px){.case-people-chatbot .case-people-product>img{aspect-ratio:auto;background:0 0}}.case-people-ticket .case-people-scene{grid-template-columns:minmax(0,1.3fr) minmax(400px,1fr)}.case-people-ticket .tl-vehicle{flex-shrink:0;width:min(100%,360px);min-width:0}.case-people-ticket .case-people-product{min-width:0;padding:28px 20px}@media (max-width:800px){.case-people-ticket .case-people-scene{display:block}.case-people-ticket .case-people-product{justify-items:start}.case-people-ticket .tl-vehicle{margin-inline:auto}}
