.UiuxCase_page__yw7Bv{padding:calc(var(--nav-h, 60px) + 18px) 20px 96px;color:#111}.UiuxCase_hero__HjYjM{max-width:1200px;margin:0 auto 32px;display:grid;grid-template-columns:minmax(240px,420px) minmax(0,1fr);gap:24px;background:#fff;border-radius:28px;padding:clamp(20px,3vw,32px);box-shadow:0 16px 40px rgba(0,0,0,.08)}.UiuxCase_heroCover__Raxha{position:relative;border-radius:24px;overflow:hidden;min-height:220px;background:#efeaff}.UiuxCase_heroImage__KGPuJ{object-fit:contain!important}.UiuxCase_heroContent__wYmtV{display:grid;gap:14px}.UiuxCase_heroContent__wYmtV h1{margin:0;font-size:clamp(26px,4vw,36px);font-weight:800}.UiuxCase_heroLabel__5RkkV{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#7b7b7b;font-weight:600;margin:0}.UiuxCase_tagRow__JTR4f{display:flex;flex-wrap:wrap;gap:8px}.UiuxCase_tagRow__JTR4f span{background:#f1f1f1;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}.UiuxCase_buttonRow__fcNtJ{display:flex;flex-wrap:wrap;gap:10px}.UiuxCase_heroButton___GlB_{background:#eaf1ff;color:#1d4ccf;padding:12px 20px;border-radius:16px;text-decoration:none;font-weight:600}.UiuxCase_heroButton___GlB_:hover{background:#dfe9ff}.UiuxCase_snapshot__2lFzg{max-width:1200px;margin:0 auto 32px;background:#fff;border-radius:24px;padding:clamp(20px,3vw,32px);box-shadow:0 12px 30px rgba(0,0,0,.08);display:grid;gap:20px}.UiuxCase_snapshot__2lFzg h2{margin:0 0 12px}.UiuxCase_snapshotGrid__jmkSu{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.UiuxCase_snapshotGrid__jmkSu h3{margin:0 0 6px;font-size:16px}.UiuxCase_snapshotGrid__jmkSu p,.UiuxCase_snapshotGrid__jmkSu ul{margin:0;color:#2f2f2f;line-height:1.6;padding-left:18px}.UiuxCase_snapshotGrid__jmkSu p{padding-left:0}.UiuxCase_body__PvYK5{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.UiuxCase_toc__pRoqb{position:sticky;top:calc(var(--nav-h, 60px) + 18px);align-self:start;background:#fff;border-radius:20px;padding:18px;box-shadow:0 10px 24px rgba(0,0,0,.08)}.UiuxCase_toc__pRoqb h3{margin:0 0 12px;font-size:16px}.UiuxCase_toc__pRoqb ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.UiuxCase_toc__pRoqb a{text-decoration:none;color:#1d1d1d;font-weight:600}.UiuxCase_toc__pRoqb a:hover{color:#1d4ccf}.UiuxCase_tocMobile__kfRuc{display:none;margin-top:16px;gap:6px}.UiuxCase_tocMobile__kfRuc label{font-size:13px;color:#6b6b6b}.UiuxCase_tocMobile__kfRuc select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #d6d6d6;font-weight:600}.UiuxCase_sections__II1Vf{display:grid;gap:28px}.UiuxCase_section__TLfRq{background:#fff;border-radius:20px;padding:clamp(18px,3vw,28px);box-shadow:0 10px 26px rgba(0,0,0,.08)}.UiuxCase_section__TLfRq h2{margin:0 0 10px;font-size:clamp(20px,3vw,26px)}.UiuxCase_section__TLfRq p{margin:0 0 12px;color:#2f2f2f;line-height:1.7}.UiuxCase_sectionSplit__06seD{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:20px;align-items:start;margin-bottom:18px}.UiuxCase_sectionText__8MgGn p{margin:0}.UiuxCase_sectionCards__Hzh0i{display:grid;gap:12px}.UiuxCase_miniCard__0EZyS{background:#f6f7fb;border-radius:16px;padding:14px 16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.UiuxCase_miniCard__0EZyS h3{margin:0 0 6px;font-size:14px;font-weight:700}.UiuxCase_miniCard__0EZyS p{margin:0;color:#404040;font-size:13px;line-height:1.5}.UiuxCase_section__TLfRq ul{margin:0 0 16px;padding-left:18px;color:#2f2f2f}.UiuxCase_paletteGrid__2QmTY{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:12px 0 18px}.UiuxCase_paletteCard__92RMs{background:#f8f8fb;border-radius:18px;padding:14px;display:grid;gap:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.UiuxCase_paletteSwatch__HQer6{height:80px;border-radius:14px;border:1px solid rgba(0,0,0,.06)}.UiuxCase_paletteMeta__RYK30 h3{margin:0 0 2px;font-size:15px}.UiuxCase_paletteMeta__RYK30 p{margin:0;font-weight:600}.UiuxCase_paletteMeta__RYK30 span{display:block;font-size:12px;color:#666}.UiuxCase_paletteNotes__EM08I{display:grid;gap:12px;margin-bottom:16px}.UiuxCase_paletteNotes__EM08I ul{margin:0;padding-left:18px;color:#2f2f2f}.UiuxCase_paletteInfo__lc0Y8{background:#f6f7fb;border-radius:16px;padding:12px 14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.UiuxCase_paletteInfo__lc0Y8 p{margin:0 0 6px}.UiuxCase_paletteInfo__lc0Y8 p:last-child{margin-bottom:0}.UiuxCase_emotionGrid__7SG0F{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.UiuxCase_emotionCard__rYm5v{background:#fff7ed;border-radius:18px;padding:14px 16px;box-shadow:inset 0 0 0 1px rgba(215,143,7,.18)}.UiuxCase_emotionCard__rYm5v h3{margin:0 0 8px;font-size:15px}.UiuxCase_emotionCard__rYm5v ul{margin:0;padding-left:18px;color:#2f2f2f}.UiuxCase_imageGrid__Roa_H{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.UiuxCase_personaGrid__6273B{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.UiuxCase_imageButton__6r9iX{border:none;padding:0;background:none;cursor:pointer;border-radius:16px;overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,.08)}.UiuxCase_imageButton__6r9iX img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.UiuxCase_imageButton__6r9iX:hover img{transform:scale(1.02)}.UiuxCase_lightbox__gdII8{position:fixed;inset:0;z-index:2000;display:grid;place-items:center}.UiuxCase_lightboxBackdrop__u8YQY{position:absolute;inset:0;background:rgba(0,0,0,.6);border:none}.UiuxCase_lightboxContent__w1_AC{position:relative;background:#fff;border-radius:24px;padding:24px;max-width:min(90vw,960px);max-height:90vh;display:grid;gap:16px;z-index:1}.UiuxCase_lightboxClose__Zy39i{justify-self:end;background:#f2f2f2;border:none;padding:8px 14px;border-radius:12px;font-weight:600}.UiuxCase_lightboxImageWrap__dKV2W{max-height:60vh;overflow:hidden;border-radius:18px}.UiuxCase_lightboxImageWrap__dKV2W img{width:100%;height:100%;object-fit:contain;display:block}.UiuxCase_lightboxCaption__lSoi3{margin:0;color:#444;text-align:center}.UiuxCase_lightboxControls__b0rPE{display:flex;justify-content:center;gap:12px}.UiuxCase_lightboxControls__b0rPE button{background:#111;color:#fff;border:none;border-radius:999px;padding:10px 16px;font-size:16px;cursor:pointer}.UiuxCase_flowBlock__VsQSw{display:grid;gap:12px}.UiuxCase_flowImageButton__11DMN{border:none;padding:0;border-radius:18px;overflow:hidden;background:#f2f2f2;box-shadow:0 8px 18px rgba(0,0,0,.08);cursor:pointer}.UiuxCase_flowImageButton__11DMN img{width:100%;height:auto;display:block}.UiuxCase_flowText__M2vmm{margin:0;color:#2f2f2f;line-height:1.7}.UiuxCase_flowCaption__f73xI{margin:0;font-size:13px;color:#6d6d6d}.UiuxCase_notFound__HqjXA{text-align:center;margin-top:80px}.UiuxCase_backLink__NIf6e{display:block;text-align:center;margin-top:12px;color:#1d4ccf}@media (max-width:960px){.UiuxCase_body__PvYK5{grid-template-columns:1fr}.UiuxCase_toc__pRoqb{position:relative;top:auto}.UiuxCase_toc__pRoqb ul{display:none}.UiuxCase_tocMobile__kfRuc{display:grid}.UiuxCase_sectionSplit__06seD{grid-template-columns:1fr}}@media (max-width:760px){.UiuxCase_hero__HjYjM{grid-template-columns:1fr}.UiuxCase_page__yw7Bv{padding-inline:12px}.UiuxCase_heroCover__Raxha{min-height:180px}}.UiuxCase_page__yw7Bv{min-height:100svh;padding:calc(var(--nav-h) + 24px + env(safe-area-inset-top)) 20px calc(72px + env(safe-area-inset-bottom))}.UiuxCase_container__spE5_{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.UiuxCase_heroCard__9fTfe{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:28px;align-items:center;background:#fff;border-radius:28px;padding:28px;box-shadow:0 16px 36px rgba(31,35,46,.12)}.UiuxCase_heroMedia__90bTe{position:relative;height:320px;border-radius:22px;overflow:hidden;background:#fff}.UiuxCase_heroBadge__DytPY{font-weight:600;color:rgba(28,35,43,.7);background:rgba(255,255,255,.7);padding:10px 16px;border-radius:999px;box-shadow:0 8px 18px rgba(31,35,46,.1)}.UiuxCase_heroText__P7avi{display:flex;flex-direction:column;gap:12px}.UiuxCase_kicker__IgS73{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#667085;margin:0}.UiuxCase_title__97PIP{font-size:clamp(28px,3vw,40px);font-weight:800;margin:0;color:#111827}.UiuxCase_lead__m8Ewe{margin:0;color:#374151;line-height:1.7;font-size:16px}.UiuxCase_card__ye2q5{background:#fff;border-radius:22px;padding:24px 28px;box-shadow:0 12px 30px rgba(31,35,46,.08)}.UiuxCase_h2__PAQux{font-size:22px;font-weight:800;margin:0 0 12px;color:#111827}.UiuxCase_h3__y4eVo{font-size:18px;font-weight:700;margin:0 0 8px;color:#111827}.UiuxCase_p__alf1U{margin:0;color:#374151;line-height:1.6}.UiuxCase_list__BuqLT{margin:0;padding-left:18px;display:grid;gap:10px;color:#374151;line-height:1.7}.UiuxCase_compareGrid__nnspJ{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.UiuxCase_compareCard__7s48C{background:#f6f7fb;border-radius:16px;padding:16px 18px;border:1px solid rgba(17,24,39,.06)}.UiuxCase_mediaGrid__ER2kD{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.UiuxCase_mediaCard__CYx8Q{position:relative;background:#f9fafb;border-radius:16px;border:1px solid rgba(17,24,39,.06);overflow:hidden;aspect-ratio:4/3}.UiuxCase_mediaCard__CYx8Q img{object-fit:contain;padding:14px}@media (max-width:900px){.UiuxCase_heroCard__9fTfe{grid-template-columns:1fr}.UiuxCase_heroMedia__90bTe{height:200px}}@media (max-width:640px){.UiuxCase_page__yw7Bv{padding:calc(var(--nav-h) + 18px + env(safe-area-inset-top)) 14px 56px}.UiuxCase_card__ye2q5,.UiuxCase_heroCard__9fTfe{padding:18px;border-radius:18px}.UiuxCase_heroMedia__90bTe{height:180px}.UiuxCase_kicker__IgS73{font-size:12px}}.UiuxCase_heroContent__wYmtV h1{font-size:var(--case-h1);font-weight:var(--case-fw-bold)}.UiuxCase_section__TLfRq h2{font-size:var(--case-h2);font-weight:var(--case-fw-bold)}.UiuxCase_section__TLfRq p{font-size:var(--case-text);line-height:var(--case-lh);font-weight:var(--case-fw-regular)}.UiuxCase_compareImageWrapper__U_VIW{width:100%;margin-bottom:16px}.UiuxCase_compareImage__vJ224{width:100%;height:auto;object-fit:contain;border-radius:12px}.UiuxCase_mockupGrid__O2E62{grid-template-columns:repeat(3,1fr);gap:32px;align-items:start}.UiuxCase_mockupItem__HYFZo{display:flex;flex-direction:column}.UiuxCase_mockupImageWrapper__XqUqQ{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border-radius:16px;overflow:hidden;margin-bottom:16px}.UiuxCase_mockupImage__h4ekN{max-width:100%;max-height:100%;object-fit:contain}.UiuxCase_logoBlock__SmpRD{display:flex;flex-direction:column}.UiuxCase_logoMeta__hfXJm{margin-top:14px}.UiuxCase_colorRow__QM40X{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px;align-items:center}.UiuxCase_colorChip__ukAWO{display:inline-flex;align-items:center;gap:10px}.UiuxCase_colorSwatch__dKjK9{width:28px;height:28px;border-radius:8px;border:1px solid rgba(0,0,0,.12);box-shadow:0 1px 2px rgba(0,0,0,.06)}.UiuxCase_colorCode__d_wD7{font-size:13px;letter-spacing:.02em;color:#4b5563;font-variant-numeric:tabular-nums}.UiuxCase_fontInfo__ztDgW{font-size:14px;color:#111827;opacity:.85}.UiuxCase_fontLabel__jykJz{font-weight:600}.UiuxCase_compareImageWrap__10q6w{position:relative;width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#f5f6fb;margin-bottom:14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.UiuxCase_compareImage__vJ224{object-fit:cover}.UiuxCase_mockupGrid__O2E62{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media (max-width:720px){.UiuxCase_mockupGrid__O2E62{grid-template-columns:1fr}}.UiuxCase_mockupItem__HYFZo{display:grid;gap:10px}.UiuxCase_mockupMedia__ITFfy{position:relative;width:100%;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#f7f7fb;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.UiuxCase_mockupImage__h4ekN{object-fit:cover}.UiuxCase_mockupMediaVertical__E5fvZ{aspect-ratio:3/4}.UiuxCase_mockupImageContain__A94W1{width:100%;height:100%;object-fit:contain}.UiuxCase_mockupTitle__GIjae{margin:0;font-size:16px;font-weight:800}.UiuxCase_heroLead__Dew48,.UiuxCase_mockupText__UnC5f{margin:0;color:#2f2f2f;line-height:1.7}.UiuxCase_heroLead__Dew48{max-width:70ch}.UiuxCase_heroNote__EHeYp{margin:0;color:#6b6b6b;line-height:1.6;max-width:75ch}.UiuxCase_simpleHero__5rf6H{padding:100px 0 40px;display:flex;justify-content:center}.UiuxCase_simpleTitle__KT8Gg{font-size:clamp(36px,5vw,56px);font-weight:700;text-align:center}.UiuxCase_paletteGrid__2QmTY{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}.UiuxCase_colorCard__wDFbt{display:flex;gap:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.UiuxCase_swatch__VmCp7{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.18);flex:0 0 auto}.UiuxCase_colorTop__8jiJj{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.UiuxCase_colorHex__SDTNp{opacity:.8}.UiuxCase_colorUsage__BLJWj{opacity:.9;margin-top:4px}.UiuxCase_metaGrid__u9aYI{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px}.UiuxCase_metaCard__nabK5{padding:14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.UiuxCase_metaTitle__ljYN_{margin:0 0 6px}.UiuxCase_metaText__h6IcE{margin:0;opacity:.92}.UiuxCase_emotionsGrid__z1uBl{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;margin-top:12px}@media (max-width:900px){.UiuxCase_emotionsGrid__z1uBl{grid-template-columns:1fr}}.UiuxCase_emotionCard__rYm5v{padding:14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.UiuxCase_emotionTitle__GOJPq{margin:0 0 8px}.UiuxCase_emotionList__odx0w{margin:0;padding-left:18px;opacity:.92}.UiuxCase_actionsRow__ID04H{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 18px}.UiuxCase_primaryBtn__lJ9B9{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:600;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}.UiuxCase_primaryBtn__lJ9B9:hover{background:rgba(255,255,255,.18)}.UiuxCase_backBtn__eXv0i{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:18px 28px;border-radius:999px;background:#eaf3ff;font-size:28px;font-weight:800;color:#1f57d6;text-decoration:none;box-shadow:0 18px 45px rgba(0,0,0,.08)}.UiuxCase_backBtn__eXv0i:hover{transform:translateY(-1px)}.UiuxCase_backBtn__eXv0i:active{transform:translateY(0)}.UiuxCase_btn__ep3lh{display:inline-flex;align-items:center;justify-content:center;background:#eaf1ff;color:#1d4ccf;padding:12px 20px;border-radius:16px;font-weight:600;text-decoration:none;width:max-content}.UiuxCase_btn__ep3lh:hover{background:#dfe9ff}.UiuxCase_tocActions__84Aip{margin-top:14px;display:grid;gap:10px}