.roles__list{margin:24px 0 0;padding:0;list-style:none}.roles__list li{padding-left:34px;position:relative}.roles__list li+li{margin-top:12px}.roles__list li:before{content:"";background:var(--mint-soft);border-radius:50%;width:20px;height:20px;position:absolute;top:calc(.5lh - 10px);left:0}.roles__list li:after{content:"";border:solid var(--green);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:calc(.5lh - 5.5px);left:7.5px;transform:rotate(45deg)}.roles__more{color:var(--ink);margin-top:24px;font-weight:500}.roles__more a{color:var(--green)}.roles__more a:hover{color:var(--green-hover)}.roles__list li.is-featured{color:var(--ink);font-weight:700}.roles__list li.is-featured:before{background:var(--green)}.roles__list li.is-featured:after{border-color:#fff}.roles-page{--gutter:24px;padding:64px 0 120px}.roles{grid-template-columns:248px minmax(0,1fr);align-items:start;gap:72px;display:grid}.roles__index{position:sticky;top:100px}.roles__index ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.roles__index a{font:500 16px/1.3 var(--sans);color:var(--muted);transition:background-color .25s var(--ease), color .2s, box-shadow .25s var(--ease);border-radius:999px;align-items:center;gap:12px;padding:11px 16px;text-decoration:none;display:flex}.roles__index a:before{content:"";background:var(--line-strong);width:8px;height:8px;transition:background-color .2s, transform .3s var(--ease);border-radius:50%;flex:none}.roles__index a:hover{color:var(--ink);background:color-mix(in srgb, var(--card) 60%, transparent)}.roles__index a[aria-current]{color:var(--ink);background:var(--card);box-shadow:var(--shadow)}.roles__index a[aria-current]:before{background:var(--green);transform:scale(1.25)}.role{border-top:1px solid var(--line);grid-template:"h media""body media"1fr/minmax(0,1fr) minmax(0,.92fr);column-gap:56px;padding:72px 0;scroll-margin-top:92px;display:grid}.role:first-child{border-top:0;padding-top:0}.role:last-child{padding-bottom:0}.role__h{grid-area:h;margin-bottom:28px;font-size:clamp(30px,3vw,42px);line-height:1.12}.role__body{grid-area:body;min-width:0}.role__key{margin-top:0}.role__key li{font-size:19px;line-height:1.5}.role__key li+li{margin-top:14px}.role__rest{border-top:1px solid var(--line);margin-top:28px;padding-top:28px;font-size:17px}.role__rest li+li{margin-top:10px}.role__media{aspect-ratio:4/3;background:var(--card);border-radius:var(--r-lg);box-shadow:var(--frame);grid-template:minmax(0,1fr)/minmax(0,1fr);grid-area:media;align-self:start;place-items:center;padding:36px;display:grid;position:sticky;top:108px;overflow:hidden}.role__media img,.role__media video{object-fit:contain;width:100%;height:100%;min-height:0;transition:transform .6s var(--ease);display:block}.role__media img.is-framed{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--card);height:auto}.role--video .role__media{padding:12px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.role:hover .role__media img,.role:hover .role__media video{transform:scale(1.025)}}.role__toggle{color:#fff;cursor:pointer;background:#10201cb8;border:0;border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;transition:background-color .2s,transform .15s;display:none;position:absolute;bottom:12px;right:12px}.js .role__toggle{display:grid}.role__toggle:hover{background:var(--deep)}.role__toggle:active{transform:scale(.94)}@media (width<=1080px){.roles{grid-template-columns:208px minmax(0,1fr);gap:48px}.role{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"h""media""body"}.role__media{width:100%;max-width:560px;margin-bottom:32px;position:relative;top:auto}}@media (width<=860px){.roles-page{padding:32px 0 88px}.roles{grid-template-columns:minmax(0,1fr);gap:0}.roles__index{top:calc(68px + env(safe-area-inset-top,0px));z-index:20;margin:0 calc(-1 * var(--gutter)) 40px;background:color-mix(in srgb, var(--canvas) 92%, transparent);backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--line);padding:10px 0}.roles__index ul{scrollbar-width:none;scroll-padding-inline:var(--gutter);padding:0 var(--gutter);gap:8px;display:flex;overflow-x:auto}.roles__index ul::-webkit-scrollbar{display:none}.roles__index a{white-space:nowrap;border:1px solid var(--line-strong);background:var(--card);min-height:40px;color:var(--ink);padding:0 16px;font-size:15px}.roles__index a:before{display:none}.roles__index a[aria-current]{background:var(--green);border-color:var(--green);color:#fff;box-shadow:none}.role{padding:56px 0;scroll-margin-top:140px}.role:first-child{padding-top:0}.role__h{margin-bottom:24px}}@media (width<=640px){.roles-page{--gutter:16px}.role__media{aspect-ratio:5/4;margin-bottom:28px;padding:24px}.role--video .role__media{padding:8px}.role__key li{font-size:18px}.role__rest{font-size:16px}}.nowrap{white-space:nowrap}.usecase{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);max-width:1000px;box-shadow:var(--shadow);margin-inline:auto;padding:56px}.usecase__intro h2{color:var(--green);max-width:20ch}.usecase__intro p{margin-top:20px}.usecase__points{margin:48px 0 0;padding:0;list-style:none}.usecase__point{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding:40px 0;display:grid}.usecase__point:last-child{padding-bottom:0}.usecase__text h3{font-size:clamp(24px,2.2vw,30px)}.usecase__text p{max-width:62ch;margin-top:12px}.usecase__text .roles__list{max-width:62ch}.usecase__num{font:700 clamp(56px, 7vw, 96px) / 1 var(--sans);color:var(--stone);text-align:right}@media (width<=1080px){.usecase{padding:40px}}@media (width<=640px){.usecase{padding:36px 24px}.usecase__points{margin-top:32px}.usecase__point{grid-template-columns:1fr;gap:12px;padding:28px 0}.usecase__num{text-align:left;order:-1;font-size:48px}}