.case{--ring:oklch(92% .018 232);padding-bottom:72px}.case-hero{padding:128px 0 40px;position:relative}.case-hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,oklch(78% .12 238/.16),#0000 60%);width:720px;height:360px;position:absolute;inset:-80px auto auto -10%}.case-hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,5vw,64px);width:min(1180px,100% - 40px);margin:0 auto;display:grid}.case-kicker{color:var(--blue-strong);letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:860}.case-hero h1{color:var(--ink);letter-spacing:-.005em;margin:0;font-size:clamp(1.9rem,3.4vw,2.9rem);font-weight:860;line-height:1.1}.case-hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.case-hero-figure{border-radius:24px;margin:0;overflow:hidden;box-shadow:0 24px 64px oklch(34% .05 245/.14)}.case-hero-figure img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.case-intro{border:1px solid var(--ring);background:var(--surface);border-radius:20px;width:min(860px,100% - 40px);margin:24px auto 0;padding:28px 32px;box-shadow:0 12px 36px oklch(34% .04 245/.06)}.case-intro p{color:var(--ink);margin:0;font-size:1.06rem;line-height:1.75}.case-intro p+p{margin-top:12px}.case-sections{flex-direction:column;gap:clamp(48px,7vw,88px);width:min(1180px,100% - 40px);margin:clamp(56px,7vw,88px) auto 0;display:flex}.case-section{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(28px,6vw,72px);display:grid}.case-section.is-reversed .case-copy{order:2}.case-section.is-reversed{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.case-icon{object-fit:contain;width:40px;height:34px;margin-bottom:14px;display:block}.case-copy h2{color:var(--ink);margin:0;font-size:clamp(1.45rem,2.4vw,1.9rem);font-weight:820;line-height:1.2}.case-copy h3{color:var(--ink);margin:18px 0 0;font-size:1.1rem;font-weight:760}.case-copy p,.case-copy li{color:var(--muted);font-size:1rem;line-height:1.75}.case-copy p{margin:14px 0 0}.case-copy ul{margin:12px 0 0;padding-left:20px}.case-copy li+li{margin-top:6px}.case-copy a{color:var(--blue-strong);text-underline-offset:3px;text-decoration:underline}.case-copy strong{color:var(--ink)}.case-figure{border-radius:20px;margin:0;position:sticky;top:110px;overflow:hidden;box-shadow:0 18px 50px oklch(34% .05 245/.12)}.case-figure img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.case-others{width:min(1180px,100% - 40px);margin:clamp(64px,8vw,96px) auto 0}.case-others h2{color:var(--ink);margin:0 0 18px;font-size:clamp(1.3rem,2vw,1.6rem);font-weight:800}.case-others-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.case-others-grid a{border:1px solid var(--ring);background:var(--surface);color:var(--ink);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-weight:700;transition:border-color .16s,color .16s;display:flex}.case-others-grid a:hover{border-color:var(--blue-strong);color:var(--blue-strong)}@media (width<=900px){.case-hero-inner,.case-section,.case-section.is-reversed{grid-template-columns:1fr}.case-section.is-reversed .case-copy{order:0}.case-figure{position:static}.case-others-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.case-hero{padding-top:104px}.case-intro{padding:22px}.case-others-grid{grid-template-columns:1fr}}.case-intro{width:min(1180px,100% - 40px)}.case-section.is-text-only{grid-template-columns:minmax(0,1fr)}.case-section.is-text-only .case-copy{max-width:900px}.case-section.is-box .case-copy{border:1px solid var(--ring);background:var(--surface);border-radius:20px;max-width:none;padding:32px 36px;box-shadow:0 12px 36px oklch(34% .04 245/.06)}.case-copy ul{gap:10px;margin-top:16px;padding:0;list-style:none;display:grid}.case-copy ul li{margin:0;padding-left:26px;position:relative}.case-copy ul li:before{content:"";background:var(--blue);border-radius:3px;width:9px;height:9px;position:absolute;top:.62em;left:4px}.case-numbered{counter-reset:benefit;gap:18px;margin:18px 0 0;padding:0;list-style:none;display:grid}.case-numbered li{counter-increment:benefit;padding-left:54px;position:relative;margin:0!important}.case-numbered li:before{content:counter(benefit, decimal-leading-zero);width:38px;height:38px;color:var(--blue-strong);background:oklch(94% .03 236);border-radius:12px;place-items:center;font-size:.86rem;font-weight:820;display:grid;position:absolute;top:0;left:0}.case-figure.is-screen{box-shadow:none;border-radius:0;overflow:visible}.case-figure.is-screen img{aspect-ratio:auto;object-fit:contain}.case-discover{background:radial-gradient(circle at 0% 0%, oklch(86% .16 82/.16), transparent 55%), linear-gradient(120deg, var(--yellow) 0%, #f6a623 100%);border-radius:26px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:28px;padding:36px 44px;display:grid;box-shadow:0 18px 52px oklch(60% .15 86/.28)}.case-discover-kicker{color:oklch(32% .08 60);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:860}.case-discover h2{color:oklch(18% .04 60);margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:860;line-height:1.15}.case-discover-lead{color:oklch(26% .05 60);margin:8px 0 0;line-height:1.6}.case-discover-actions{flex-direction:column;gap:10px;display:flex}@media (width<=900px){.case-discover{grid-template-columns:1fr;padding:28px}.case-section.is-box .case-copy{padding:24px}}.case-lead{max-width:52ch;color:var(--muted);margin:16px 0 0;font-size:1.08rem;line-height:1.65}.case-section.is-cards .case-copy{max-width:none}.case-section.is-cards ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px;display:grid}.case-section.is-cards ul li{border:1px solid var(--ring);background:var(--surface);border-radius:16px;margin:0;padding:20px 20px 22px;box-shadow:0 10px 28px oklch(34% .04 245/.06)}.case-section.is-cards ul li:before{display:none}.case-section.is-cards ul li>span>strong:first-child{margin-bottom:6px;font-size:1.02rem;display:block}.case-others-grid a{justify-content:flex-start}.case-others-grid a>span:not(.kq-icon):not([aria-hidden]){text-align:left;flex:1}.case-others-grid .kq-icon img{object-fit:contain;width:20px;height:20px}.case-intro.is-plain{box-shadow:none;background:0 0;border:0;padding:0}.case-intro.is-plain p{color:var(--muted)}.case-section.is-list ul,.case-section.is-split ul{padding-left:22px}.case-section.is-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.case-split-right>p:first-child{margin-top:0}.case-section.has-wide-lead{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.case-wide-lead{grid-column:1/-1}.case-wide-lead h2{color:var(--ink);margin:0;font-size:clamp(1.45rem,2.4vw,1.9rem);font-weight:820;line-height:1.2}.case-wide-lead p{color:var(--muted);margin:14px 0 0;line-height:1.75}.case-subcards{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.case-subcard{border:1px solid var(--ring);background:var(--surface);border-radius:16px;padding:20px 22px 22px;box-shadow:0 10px 28px oklch(34% .04 245/.06)}.case-subcard h3{color:var(--ink);margin:10px 0 0;font-size:1.05rem;font-weight:760}.case-subcard p{color:var(--muted);margin:8px 0 0;line-height:1.65}.case-section.is-cards ul li .kq-icon{margin-bottom:10px}.case-card-icon img{object-fit:contain;width:22px;height:22px}.case-faq{border-bottom:1px solid var(--ring)}.case-faq:first-of-type{border-top:1px solid var(--ring);margin-top:16px}.case-faq summary{color:var(--ink);cursor:pointer;padding:16px 40px 16px 0;font-weight:700;list-style:none;position:relative}.case-faq summary::-webkit-details-marker{display:none}.case-faq summary:after{content:"+";color:var(--blue-strong);font-size:1.4rem;font-weight:500;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.case-faq[open] summary:after{content:"−"}.case-faq-answer{padding:0 0 16px}.case-faq-answer p:first-child{margin-top:0}.case-others-grid a>span:not(.kq-icon):not([aria-hidden]){flex:0 auto}@media (width<=900px){.case-section.is-split{grid-template-columns:1fr}.case-split-right{padding-top:0}}.case-subcards{order:3}.case-section.has-wide-lead .case-wide-lead{order:-1}@media (width>=901px){.case-section.is-cards ul:has(>li:nth-child(6):last-child),.case-section.is-cards ul:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.case-section.is-cards ul:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}.case.is-metier .case-hero-figure{box-shadow:none;border-radius:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 5Q0 0 5 0H100V100C72 97 24 92 9 74Q0 63 0 50Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 5Q0 0 5 0H100V100C72 97 24 92 9 74Q0 63 0 50Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.case.is-metier .case-intro+.case-sections{margin-top:36px}.case-section.is-list .case-copy{max-width:none}.case-subcard{text-align:center}.case-subcard .kq-icon{margin:0 auto}.case-section.has-wide-lead{align-items:start;row-gap:20px}.case-section.has-wide-lead .case-figure{align-self:start}.case-section.is-faq .case-copy{max-width:none}@media (width>=901px){.case-section.is-faq .case-copy{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;column-gap:56px;display:grid}.case-section.is-faq .case-copy>h2{grid-area:1/1/span 30;font-size:clamp(1.7rem,3vw,2.4rem)}.case-section.is-faq .case-copy>:not(h2){grid-column:2}.case-section.is-faq .case-faq:first-of-type{margin-top:0}}.case-section.is-faq .case-faq summary{text-align:left;align-items:center;gap:12px;padding-right:0;display:flex}.case-section.is-faq .case-faq summary:after{flex:none;position:static;transform:none}.case-faq summary{font-size:1.02rem}.case.is-metier .case-sections>.case-section.is-text-only:not(.is-cards):not(.is-faq):last-child{border:1px solid var(--ring);background:var(--surface);text-align:center;border-radius:20px;width:100%;margin:0 auto;padding:36px 48px;display:block;box-shadow:0 12px 36px oklch(34% .04 245/.06)}.case.is-metier .case-sections>.case-section.is-text-only:not(.is-cards):not(.is-faq):last-child .case-copy{max-width:none}.case-timeline{margin:14px 0 0;padding:0 0 0 30px;list-style:none;position:relative}.case-timeline:before{content:"";background:oklch(88% .04 236);width:2px;position:absolute;top:8px;bottom:8px;left:8px}.case-timeline li{color:var(--muted);margin:0;padding:0 0 18px;line-height:1.65;position:relative}.case-timeline li:before{content:"";border:3px solid var(--blue);background:var(--surface);border-radius:999px;width:14px;height:14px;position:absolute;top:.45em;left:-28px}.case-timeline-toggle{opacity:0;pointer-events:none;position:absolute}.case-timeline li.is-extra{display:none}.case-timeline-toggle:checked~.case-timeline li.is-extra{display:list-item}.case-timeline-more{color:var(--blue-strong);cursor:pointer;margin:0 0 4px 30px;font-weight:700;display:inline-flex}.case-timeline-more .more:after{content:" ↓"}.case-timeline-more .less:after{content:" ↑"}.case-timeline-more .less,.case-timeline-toggle:checked~.case-timeline-more .more{display:none}.case-timeline-toggle:checked~.case-timeline-more .less{display:inline}.case-section.is-timeline .case-copy{max-width:none}.case-after{order:4;grid-column:1/-1}.case-after p:first-child{margin-top:0}.case-section.is-cards ul li.case-card-cta{background:radial-gradient(circle at 92% 10%,oklch(86% .12 82/.28),#0000 45%),linear-gradient(135deg,oklch(97% .02 232),oklch(93% .04 236));border-color:oklch(88% .04 236);flex-direction:column;align-items:flex-start;gap:8px;display:flex}.case-card-cta .button{min-height:38px;margin-top:4px;padding:0 16px;font-size:.86rem}@media (width>=901px){.case.is-metier .case-section:not(.has-wide-lead):not(.is-split):not(.is-timeline){align-items:stretch}.case.is-metier .case-section:not(.has-wide-lead):not(.is-split):not(.is-timeline) .case-figure{position:static}.case.is-metier .case-section:not(.has-wide-lead):not(.is-split):not(.is-timeline) .case-figure img{aspect-ratio:auto;height:100%;min-height:220px}.case.is-metier .case-section.has-wide-lead .case-figure img,.case.is-metier .case-section.is-timeline .case-figure img{max-height:300px}.case-section.is-cards ul.has-cta{grid-template-columns:repeat(4,minmax(0,1fr))!important}.case-section.has-small-image{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)!important;align-items:center!important}.case-section.has-small-image.is-reversed{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)!important}.case-section.has-small-image .case-figure img{max-height:240px;aspect-ratio:4/3!important;height:auto!important;min-height:0!important}.case-section.has-small-image.has-wide-lead .case-figure img{max-height:240px!important}}.case-section.is-faq .case-copy>h2:before{content:"FAQ";background:linear-gradient(var(--blue), var(--blue)) left top / 22px 3px no-repeat;width:fit-content;color:var(--blue-strong);letter-spacing:.08em;margin-bottom:12px;padding-top:10px;font-size:.82rem;font-weight:800;display:block}.case-section.has-blue-titles ul li>span>strong:first-child{color:var(--blue-strong)}.case-section.is-cards .case-copy>p:first-of-type{text-align:left;max-width:none}.case-section.is-split{align-items:center}.case-split-right{padding-top:0}.case-section.is-split.has-wide-lead .case-wide-lead h2{white-space:normal}.case-card-cta .button,.case-card-cta .button:hover{text-decoration:none!important}.case-section.is-cards .case-copy>ul~p{text-align:left}@media (width>=901px){.case.is-metier .case-section.has-wide-lead:not(.is-split){align-items:stretch!important}.case.is-metier .case-section.has-wide-lead:not(.is-split) .case-figure{position:static;align-self:stretch!important}.case.is-metier .case-section.has-wide-lead:not(.is-split) .case-figure img{object-fit:cover;min-height:180px;aspect-ratio:auto!important;height:100%!important;max-height:none!important}}.case-flow{grid-template-rows:auto 48px auto;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);margin-top:20px;display:grid;position:relative}.case-flow-step{border:1px solid var(--ring);background:var(--surface);border-radius:16px;padding:20px 22px 22px;box-shadow:0 10px 28px oklch(34% .04 245/.06)}.case-flow-step h3{color:var(--blue-strong);margin:0;font-size:1.05rem;font-weight:760}.case-flow-step p{margin:8px 0 0!important}.case-flow .step-1{grid-area:1/1}.case-flow .step-2{grid-area:1/3}.case-flow .step-3{grid-area:3/1}.case-flow-arrow{color:var(--blue-strong);place-items:center;font-size:1.6rem;font-weight:700;display:grid}.case-flow-arrow.is-right{grid-area:1/2}.case-flow-arrow.is-down{grid-area:2/1}.case-flow-note{align-items:flex-start;gap:14px;margin-top:28px;display:flex}.case-flow-note .kq-icon{flex:none;margin-top:12px}.case-section.is-flow .case-copy{max-width:none}@media (width<=760px){.case-flow{grid-template-rows:auto;grid-template-columns:1fr}.case-flow .step-1,.case-flow .step-2,.case-flow .step-3{grid-area:auto/1}.case-flow-arrow{display:none}.case-flow-step+.case-flow-step{margin-top:12px}}@media (width>=901px){.case-section.has-side-cards{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;align-items:center!important}.case-subcards.is-side{grid-template-columns:1fr;order:2!important;grid-column:2!important}}.case-subcards.is-side .case-subcard{text-align:left}.case-after.case-copy,.case:not(.is-metier) .case-section.is-text-only .case-copy{max-width:none}@media (width>=901px){.case:not(.is-metier) .case-section.is-box+.case-section{margin-top:-32px}}.case-section.is-text-only .case-copy,.case-after.case-copy{max-width:none}.case-section.is-split.has-wide-lead .case-split-right{padding-top:0}.case-section.is-split.has-wide-lead .case-copy>:first-child{margin-top:0}@media (width>=901px){.case.is-metier .case-sections>.case-section.is-faq{width:min(1120px,100%);margin-inline:auto}}.case-section.is-split.has-wide-lead>.case-copy{align-self:start}.case.is-metier .case-section.is-faq .case-faq summary{padding-block:20px;font-size:1.16rem}.case.is-metier .case-section.is-faq .case-faq-answer p{font-size:1.06rem}@media (width>=901px){.case.is-metier .case-section.is-faq .case-copy>h2{font-size:clamp(2rem,3.4vw,2.6rem)!important}}