.uc-slide-preview{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#eff1f3;outline:1px solid var(--color-panel-line,#d2e6f5);outline-offset:-1px;container-type:inline-size}.uc-slide-preview-frame{position:absolute;top:0;left:0;display:block;width:1920px;height:1080px;max-width:none;border:0;transform-origin:0 0;transform:scale(.307);transform:scale(tan(atan2(100cqw,1920px)));pointer-events:none}.usecase-page .uc-outputs{padding-top:0;background:#f2f7fb}.usecase-page .uc-outputs>.wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title guide" "table table" "works works";-moz-column-gap:48px;column-gap:48px}.usecase-page .uc-outputs h2{grid-area:title;align-self:end;align-self:last baseline;font-size:clamp(35px,3.5vw,51px);line-height:1.1;letter-spacing:-.03em}.usecase-page .uc-outputs .uc-guide-link{grid-area:guide;align-self:end;align-self:last baseline;justify-self:end;align-items:baseline;gap:10px;margin:0 -12px 0 0;font-size:16px;white-space:nowrap}.usecase-page .uc-outputs .uc-guide-link svg{align-self:flex-start;flex:none;width:19px;height:19px;margin-top:2px}.usecase-page .uc-outputs .uc-guide-link .uc-guide-label{transform:none}.usecase-page .uc-outputs .uc-guide-link .uc-guide-arrow{display:inline;position:relative;top:0;left:0;margin-left:4px;font-size:17px;line-height:1;transition:top .18s ease,left .18s ease}.usecase-page .uc-outputs .uc-guide-link:focus-visible .uc-guide-arrow,.usecase-page .uc-outputs .uc-guide-link:hover .uc-guide-arrow{top:-2px;left:2px}.usecase-page .uc-outputs .uc-output-table{grid-area:table;margin-top:44px}.usecase-page .uc-outputs .uc-output-table table{width:100%;table-layout:fixed;border-collapse:collapse;border-top:1px solid #cbdbe9;border-bottom:1px solid #cbdbe9;text-align:left;font-size:17px;line-height:1.5}.usecase-page .uc-outputs .uc-output-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.uc-outputs col.uc-col-lens{width:22%}.uc-outputs col.uc-col-when{width:28%}.usecase-page .uc-outputs .uc-output-table tbody td,.usecase-page .uc-outputs .uc-output-table tbody th{padding:24px 0;border-bottom:1px solid #cbdbe9;vertical-align:top;overflow-wrap:normal;word-break:normal;hyphens:manual}.usecase-page .uc-outputs .uc-output-table tbody tr:last-child>*{border-bottom:0}.usecase-page .uc-outputs .uc-output-table tbody th{padding-right:24px;font-weight:inherit}.uc-outputs .uc-lens{display:flex;align-items:center;gap:14px;min-height:36px;color:#0c1a3c;font-size:18px;line-height:1.3;letter-spacing:-.01em}.uc-outputs .uc-lens-icon{display:grid;flex:none;place-items:center;width:36px;height:36px;border:1px solid #d7e1ef;border-radius:10px;background:#fff;color:#2b5bf4}.uc-outputs .uc-lens-icon svg{width:18px;height:18px}.usecase-page .uc-outputs .uc-output-table td.uc-out{padding-top:27px;padding-right:48px;color:#0c1a3c;font-size:20px;line-height:1.45;letter-spacing:-.01em;text-wrap:balance}.usecase-page .uc-outputs .uc-output-table td.uc-when{padding-top:31px;color:#4b5b79;font-size:15px;line-height:1.5;text-wrap:balance}.usecase-page .uc-outputs .uc-works-with{grid-area:works;display:grid;grid-template-columns:22% minmax(0,1fr);align-items:baseline;margin-top:26px;color:#4b5b79;font-size:15px;line-height:1.5}.uc-outputs .uc-tools{display:block;margin:0 -8px -8px 0}.uc-outputs .uc-tool{display:inline-block;max-width:100%;margin:0 8px 8px 0;padding:5px 13px;border:1px solid #d7e1ef;border-radius:17px;background:#fff;color:#0c1a3c;font-size:15px;line-height:1.4;vertical-align:baseline;text-wrap:pretty}.uc-outputs .uc-tools .uc-vh{position:static;display:inline-block;margin:0 0 0 -1px;white-space:pre}.uc-outputs .uc-tools .uc-vh,.uc-outputs .uc-vh{width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.uc-outputs .uc-vh{position:absolute;margin:-1px;white-space:nowrap}@media (max-width:1180px){.uc-outputs col.uc-col-when{width:22%}}@media (max-width:1000px){.uc-outputs col.uc-col-lens{width:26%}.usecase-page .uc-outputs .uc-works-with{grid-template-columns:26% minmax(0,1fr)}.usecase-page .uc-outputs .uc-output-table td.uc-out{font-size:19px;padding-right:32px}}@media (max-width:860px){.usecase-page .uc-outputs .uc-output-table{margin-top:32px}.usecase-page .uc-outputs .uc-output-table table,.usecase-page .uc-outputs .uc-output-table tbody{display:block}.usecase-page .uc-outputs .uc-output-table colgroup{display:none}.usecase-page .uc-outputs .uc-output-table tbody tr{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"lens when" "out out";-moz-column-gap:16px;column-gap:16px;row-gap:8px;padding:20px 0;border-bottom:1px solid #cbdbe9}.usecase-page .uc-outputs .uc-output-table tbody tr:last-child{border-bottom:0}.usecase-page .uc-outputs .uc-output-table tbody td,.usecase-page .uc-outputs .uc-output-table tbody th{display:block;width:auto;padding:0;border:0}.usecase-page .uc-outputs .uc-output-table tbody th{grid-area:lens}.uc-outputs .uc-lens{gap:12px;min-height:32px;font-size:17px}.uc-outputs .uc-lens-icon{width:32px;height:32px;border-radius:9px}.uc-outputs .uc-lens-icon svg{width:17px;height:17px}.usecase-page .uc-outputs .uc-output-table td.uc-when{grid-area:when;align-self:start;justify-self:end;width:auto;margin-top:6px;padding:0;text-align:right;font-size:14px}.usecase-page .uc-outputs .uc-output-table td.uc-out{grid-area:out;padding:0 0 0 44px;font-size:18px;line-height:1.45}.usecase-page .uc-outputs .uc-works-with{grid-template-columns:minmax(0,1fr);row-gap:10px;margin-top:24px}}@media (max-width:760px){.usecase-page .uc-outputs>.wrap{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "table" "works" "guide"}.usecase-page .uc-outputs .uc-output-table{margin-top:28px}.usecase-page .uc-outputs .uc-guide-link{align-self:start;justify-self:start;margin:20px 0 0 -12px;white-space:normal}.uc-outputs .uc-tool{padding:4px 10px;border-radius:16px;font-size:14px;letter-spacing:-.01em}}@media (prefers-reduced-motion:reduce){.usecase-page .uc-outputs .uc-guide-link .uc-guide-arrow{transition:none}.usecase-page .uc-outputs .uc-guide-link:focus-visible .uc-guide-arrow,.usecase-page .uc-outputs .uc-guide-link:hover .uc-guide-arrow{top:0;left:0}}