.case-chain-demo .case-chain-demo__paper{background:#fff;flex-direction:column;gap:16px;margin-top:40px;padding:20px;display:flex}@media (min-width:768px){.case-chain-demo .case-chain-demo__paper{gap:20px;margin-top:56px;padding:28px}}@media (min-width:1280px){.case-chain-demo .case-chain-demo__paper{gap:24px;margin-top:72px;padding:40px}}.case-chain-demo__head{max-width:46em}.case-chain-demo__head .case-chain-demo__screen-note{color:var(--chain-ink-dim);margin:16px 0 0;font-size:14px;line-height:1.5}@media (min-width:1280px){.case-chain-demo__head .case-chain-demo__screen-note{font-size:16px}}.case-chain-demo__frame{border:1px solid var(--chain-line);background:#fff;border-radius:12px;padding:0;overflow:hidden}.case-chain-demo__frame:has(.demo-fit[data-fit=natural]){aspect-ratio:16/9;overscroll-behavior:auto;min-height:440px;overflow:auto}@media (min-width:1280px){.case-chain-demo__frame{border-radius:14px}}.case-chain-demo__switch{flex-wrap:wrap;gap:8px;display:flex}.case-chain-demo__tab{border:1px solid var(--chain-line);min-height:44px;font:inherit;color:var(--chain-ink);cursor:pointer;transition:border-color var(--chain-trans),background-color var(--chain-trans),color var(--chain-trans);background:#fff;border-radius:999px;align-items:center;padding:9px 16px;font-size:14px;line-height:1.2;display:inline-flex}.case-chain-demo__tab:hover{border-color:var(--chain-accent)}.case-chain-demo__tab:focus-visible{outline:2px solid var(--chain-accent);outline-offset:2px}.case-chain-demo__tab_active{border-color:var(--chain-ink);background:var(--chain-ink);color:#fff}@media (min-width:1280px){.case-chain-demo__tab{padding:11px 20px;font-size:15px}}
.case-chain-stack__figure{margin:40px 0 0;padding:20px}@media (min-width:768px){.case-chain-stack__figure{margin-top:56px;padding:28px}}@media (min-width:1280px){.case-chain-stack__figure{margin-top:72px;padding:40px}}.case-chain-stack__body{gap:12px;display:grid}@media (min-width:1280px){.case-chain-stack__body{grid-template-columns:minmax(0,1fr) 64px;align-items:stretch;gap:16px}}.case-chain-stack__layers{flex-direction:column;gap:12px;display:flex}@media (min-width:1280px){.case-chain-stack__layers{gap:16px}}.case-chain-stack__layer{gap:10px;display:grid}@media (min-width:1280px){.case-chain-stack__layer{grid-template-columns:200px minmax(0,1fr);align-items:stretch;gap:16px}}.case-chain-stack__label{background:var(--chain-line);border-radius:14px;flex-direction:column;justify-content:center;gap:4px;margin:0;padding:14px 16px;display:flex}@media (min-width:1280px){.case-chain-stack__label{border-radius:16px;padding:18px 20px}}.case-chain-stack__label strong{color:var(--chain-ink);font-size:16px;font-weight:600;line-height:120%}@media (min-width:1280px){.case-chain-stack__label strong{font-size:18px}}.case-chain-stack__note{background:var(--chain-surface);border:1px solid var(--chain-line);color:var(--chain-ink-dim);border-radius:14px;align-items:center;margin:0;padding:14px 16px;font-size:13px;line-height:145%;display:flex}@media (min-width:1280px){.case-chain-stack__note{border-radius:16px;padding:18px 20px;font-size:14px}}.case-chain-stack .case-chain-stack__grid{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.case-chain-stack .case-chain-stack__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.case-chain-stack .case-chain-stack__grid{gap:10px}.case-chain-stack .case-chain-stack__grid[data-columns="5"]{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr}}.case-chain-stack__card{border:1px solid var(--chain-line);background:var(--chain-surface);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.case-chain-stack__card strong{color:var(--chain-ink);font-size:14px;font-weight:600;line-height:125%}.case-chain-stack__card span{color:var(--chain-ink-dim);font-size:12px;line-height:135%}.case-chain-stack__card_accent{border-color:var(--chain-accent-tint);background:var(--chain-blue-50)}.case-chain-stack__arrow{border:1px solid var(--chain-accent-tint);background:var(--chain-blue-50);border-radius:16px;order:-1;justify-content:center;align-items:center;margin:0;padding:14px;display:flex}@media (min-width:1280px){.case-chain-stack__arrow{clip-path:polygon(0 26px,50% 0,100% 26px,100% 100%,50% calc(100% - 14px),0 100%);border:none;border-radius:20px;order:0;padding:34px 8px 22px}}.case-chain-stack__arrow span{letter-spacing:1.5px;text-transform:uppercase;color:var(--chain-accent);text-align:center;font-size:13px;font-weight:600;line-height:130%}@media (min-width:1280px){.case-chain-stack__arrow span{writing-mode:vertical-rl;white-space:nowrap;transform:rotate(180deg)}}
.case-chain-result .case-chain-result__paper{background:#fff;padding:20px}@media (min-width:768px){.case-chain-result .case-chain-result__paper{padding:28px}}@media (min-width:1280px){.case-chain-result .case-chain-result__paper{padding:40px}}.case-chain-result .case-chain-result__list{grid-template-columns:1fr;margin:30px 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.case-chain-result .case-chain-result__list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}}.case-chain-result__item{flex-direction:column;gap:10px;min-width:0;padding:20px 0;display:flex}.case-chain-result__item+.case-chain-result__item{border-top:1px solid var(--chain-line)}@media (min-width:768px){.case-chain-result__item{padding:24px 0}.case-chain-result__item:nth-child(odd){border-right:1px solid var(--chain-line);padding-right:24px}.case-chain-result__item:nth-child(2n){padding-left:24px}.case-chain-result__item:nth-child(2){border-top:0}}.case-chain-result__number,.case-chain-result .case-chain-result__head{letter-spacing:-.5px;font-size:18px;font-weight:500;line-height:120%}@media (min-width:768px){.case-chain-result__number,.case-chain-result .case-chain-result__head{font-size:25px}}.case-chain-result__number{color:var(--chain-accent);display:block}.case-chain-result .case-chain-result__head{color:var(--chain-ink);margin:0}.case-chain-result .case-chain-result__text{max-width:720px;color:var(--chain-ink-dim);margin:0;font-size:14px;line-height:140%}@media (min-width:1920px){.case-chain-result .case-chain-result__text{font-size:16px}}
[data-case=chain]{--chain-hero-bg:#0d1640;--chain-story-bg:#fff;--chain-bg:#fff;--chain-bg-deep:#fff;--chain-surface:#fff;--chain-fill:#f0f2f8;--chain-app-bg:#f4f5fc;--chain-ink:#0d1640;--chain-ink-dim:#5567af;--chain-ink-soft:#8090c8;--chain-line:#d8dcf0;--chain-blue:#2a3bff;--chain-blue-50:#eef0ff;--chain-blue-light:#0bbee8;--chain-orange:#ff8c42;--chain-yellow:#f5a623;--chain-accent:var(--chain-blue);--chain-accent-tint:color-mix(in srgb,var(--chain-blue)14%,transparent);--chain-green:#16b764;--chain-purple:#9b6bff;--chain-red:#f03b3b;--chain-heat-1:color-mix(in srgb,var(--chain-blue-light)18%,transparent);--chain-heat-2:color-mix(in srgb,var(--chain-blue-light)45%,transparent);--chain-heat-3:color-mix(in srgb,var(--chain-orange)60%,transparent);--chain-heat-4:color-mix(in srgb,var(--chain-red)75%,transparent);--chain-paper-shadow:0 2px 6px #0d16400f,0 12px 24px -12px #0d164038;--chain-trans:.2s ease-in-out;background:linear-gradient(to bottom,var(--chain-hero-bg)0,var(--chain-hero-bg)200px,var(--chain-story-bg)200px)}.case-chain{background:var(--chain-story-bg);color:var(--chain-ink);font-weight:400;line-height:1.45;position:relative;overflow-x:clip}.case-chain p{margin:0}.case-chain ul{margin:0;padding:0;list-style:none}.case-chain__lead .title{color:var(--chain-ink-dim)}.case-chain__lead .subtitle{max-width:26em;margin-bottom:0}.case-chain .case-chain__text{max-width:40em;color:var(--chain-ink);margin:24px 0 0;font-size:16px;line-height:1.55}@media (min-width:768px){.case-chain .case-chain__text{margin-top:32px;font-size:18px}}@media (min-width:1920px){.case-chain .case-chain__text{margin-top:40px;font-size:20px}}.case-chain__paper{background:linear-gradient(180deg,color-mix(in srgb,var(--chain-fill)35%,#fff)0%,var(--chain-fill)100%);border-radius:20px;box-shadow:0 1px 1px #0020330a,0 8px 16px -6px #0020331a,0 28px 48px -18px #0020332e,inset 0 1px #ffffffe6}@media (min-width:768px){.case-chain__paper{border-radius:24px}}@media (min-width:1280px){.case-chain__paper{border-radius:28px}.case-chain__lead_right{max-width:66%;margin-left:auto}}.case-chain__section{background:var(--chain-bg);color:var(--chain-ink);position:relative}.case-chain__section_light{--chain-bg:#fff}