.issue-flow{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:24px;padding:24px 12px;display:grid;position:relative}.issue-phone{z-index:2;justify-content:center;display:flex;position:relative}.issue-phone-frame{aspect-ratio:1170/2532;background:#0e1320;border-radius:36px;width:100%;max-width:260px;padding:8px;position:relative;box-shadow:inset 0 0 0 2px #ffffff1a,0 30px 50px -20px #0f1f4073,0 12px 24px -12px #0f1f4047}.issue-phone-screen{background:#000;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.issue-phone-screen video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.issue-flow-lines{pointer-events:none;z-index:1;width:56%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.issue-flow-line{stroke-dasharray:5 5;stroke-dashoffset:200px;animation:3.6s linear infinite issueLineFlow}.if-1{animation-delay:0s}.if-2{animation-delay:.4s}.if-3{animation-delay:.8s}.issue-chips{z-index:2;gap:14px;display:grid}.issue-chip{border:1px solid var(--line);opacity:0;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;animation:.7s cubic-bezier(.16,1,.3,1) forwards issueChipIn;display:flex;transform:translate(-12px);box-shadow:0 14px 24px -16px #0f1f4033}.ic-1{animation-delay:1.6s}.ic-2{animation-delay:1.9s}.ic-3{animation-delay:2.2s}.issue-chip-green{color:#0f5b33;background:#e8f5ee;border-color:#c4e7d2}.issue-chip-green .issue-chip-sub{color:#1e8a50}.issue-chip-green .issue-chip-icon{color:#1e8a50;background:#fff}.issue-chip-light{background:var(--paper-2)}.issue-chip-amber{color:#92400e;background:#fff7e6;border-color:#fcd9a8}.issue-chip-amber .issue-chip-title{color:#92400e}.issue-chip-amber .issue-chip-sub{color:#b45309}.issue-chip-amber .issue-chip-icon{color:#b45309;background:#fff}.issue-chip-icon{background:var(--paper-2);width:36px;height:36px;color:var(--blue);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.issue-chip-title{color:var(--navy);font-size:14px;font-weight:600;line-height:1.2}.issue-chip-green .issue-chip-title{color:#0f5b33}.issue-chip-sub{color:var(--ink-3);margin-top:2px;font-size:12px}@media (max-width:880px){.issue-flow{grid-template-columns:1fr;gap:28px}.issue-flow-lines{display:none}.issue-chip{transform:translateY(-8px)}@keyframes issueChipIn{to{opacity:1;transform:translateY(0)}}}.mt-flow{grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,220px);align-items:center;gap:16px;padding:20px 8px;display:grid}.mt-flow-phone{justify-content:center;display:flex}.mt-flow-phone .issue-phone-frame{aspect-ratio:1170/2532;background:#0e1320;border-radius:30px;width:100%;max-width:200px;padding:6px;position:relative;box-shadow:inset 0 0 0 2px #ffffff1a,0 24px 40px -18px #0f1f4066,0 10px 20px -10px #0f1f4040}.mt-flow-phone .issue-phone-screen{background:#000;border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden}.mt-flow-phone .issue-phone-screen video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.mt-flow-svg{width:100%;height:220px;display:block}.mt-flow-users{gap:10px;display:grid}.mt-flow-user{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px 12px;transition:border-color .28s,transform .28s,box-shadow .28s,background .28s;display:grid}.mt-flow-user.is-active{border-color:var(--blue);background:#0b5fff0d;transform:translate(2px);box-shadow:0 12px 22px -14px #0b5fff4d}.mt-flow-avatar{color:#fff;width:36px;height:36px;font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.mt-flow-user strong{color:var(--navy);font-size:13px;line-height:1.2;display:block}.mt-flow-user>div>span{font-family:var(--font-mono);color:var(--ink-3);font-size:11px}.mt-flow-status{color:#0000;background:#1e8a50;border-radius:50%;width:8px;height:8px;font-size:0;box-shadow:0 0 0 3px #1e8a5029}@media (max-width:760px){.mt-flow{grid-template-columns:1fr;gap:16px}.mt-flow-svg{display:none}}
.macbook{isolation:isolate;justify-items:center;width:100%;padding:8px 0 0;display:grid;position:relative}.macbook-lid{background:linear-gradient(#2a2d33 0%,#1b1d22 60%,#15171c 100%);border-radius:16px;width:100%;padding:7px 7px 9px;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff1a,0 24px 50px -28px #0f1f4073}.macbook-bezel{background:#0a0b0e;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.macbook-notch{z-index:2;background:#0a0b0e;border-radius:0 0 8px 8px;justify-content:center;align-items:center;width:14%;max-width:90px;height:10px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.macbook-camera{background:#2a2d35;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #0009}.macbook-screen{background:var(--paper);border-radius:3px;margin-top:10px;position:relative;overflow:hidden}.macbook-screen-contain video{background:#000;object-fit:contain!important}.macbook-screen video{object-fit:cover;object-position:left top;width:100%;height:100%;display:block;position:absolute;inset:0}.macbook-screen img{object-fit:cover;object-position:left top;width:100%;height:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0}.macbook-base{background:linear-gradient(#dadde3 0%,#b4b8c0 35%,#8b8f98 75%,#595d66 100%);border-radius:0 0 14px 14px;width:108%;height:12px;margin-top:0;position:relative;box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #00000026}.macbook-base:after{content:"";background:linear-gradient(#0000001f,#0000);border-radius:0 0 14px 14px;height:3px;position:absolute;bottom:-3px;left:0;right:0}.macbook-cutout{background:linear-gradient(#6e727a 0%,#4a4d55 100%);border-radius:0 0 6px 6px;width:22%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #00000040}.macbook-shadow{filter:blur(8px);z-index:-1;background:radial-gradient(closest-side,#0f1f4061,#0000 70%);height:30px;position:absolute;bottom:-22px;left:6%;right:6%}.macbook-dots{gap:8px;margin-top:24px;display:flex}.macbook-dot{border:none;border-image:initial;background:var(--line);cursor:pointer;border-radius:50%;width:8px;height:8px;padding:0;transition:width .22s,background .22s}.macbook-dot:hover{background:var(--ink-4)}.macbook-dot.is-on{background:var(--navy);border-radius:999px;width:24px}@media (max-width:880px){.macbook-lid{border-radius:12px;padding:5px 5px 7px}.macbook-base{height:10px}.macbook-screen{margin-top:8px}}@media (prefers-reduced-motion:reduce){.macbook-screen img{transition:none!important}}
.issue-flow{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:24px;padding:24px 12px;display:grid;position:relative}.issue-phone{z-index:2;justify-content:center;display:flex;position:relative}.issue-phone-frame{aspect-ratio:1170/2532;background:#0e1320;border-radius:36px;width:100%;max-width:260px;padding:8px;position:relative;box-shadow:inset 0 0 0 2px #ffffff1a,0 30px 50px -20px #0f1f4073,0 12px 24px -12px #0f1f4047}.issue-phone-screen{background:#000;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.issue-phone-screen video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.issue-flow-lines{pointer-events:none;z-index:1;width:56%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.issue-flow-line{stroke-dasharray:5 5;stroke-dashoffset:200px;animation:3.6s linear infinite issueLineFlow}.if-1{animation-delay:0s}.if-2{animation-delay:.4s}.if-3{animation-delay:.8s}.issue-chips{z-index:2;gap:14px;display:grid}.issue-chip{border:1px solid var(--line);opacity:0;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;animation:.7s cubic-bezier(.16,1,.3,1) forwards issueChipIn;display:flex;transform:translate(-12px);box-shadow:0 14px 24px -16px #0f1f4033}.ic-1{animation-delay:1.6s}.ic-2{animation-delay:1.9s}.ic-3{animation-delay:2.2s}.issue-chip-green{color:#0f5b33;background:#e8f5ee;border-color:#c4e7d2}.issue-chip-green .issue-chip-sub{color:#1e8a50}.issue-chip-green .issue-chip-icon{color:#1e8a50;background:#fff}.issue-chip-light{background:var(--paper-2)}.issue-chip-amber{color:#92400e;background:#fff7e6;border-color:#fcd9a8}.issue-chip-amber .issue-chip-title{color:#92400e}.issue-chip-amber .issue-chip-sub{color:#b45309}.issue-chip-amber .issue-chip-icon{color:#b45309;background:#fff}.issue-chip-icon{background:var(--paper-2);width:36px;height:36px;color:var(--blue);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.issue-chip-title{color:var(--navy);font-size:14px;font-weight:600;line-height:1.2}.issue-chip-green .issue-chip-title{color:#0f5b33}.issue-chip-sub{color:var(--ink-3);margin-top:2px;font-size:12px}@media (max-width:880px){.issue-flow{grid-template-columns:1fr;gap:28px}.issue-flow-lines{display:none}.issue-chip{transform:translateY(-8px)}@keyframes issueChipIn{to{opacity:1;transform:translateY(0)}}}
.macbook{isolation:isolate;justify-items:center;width:100%;padding:8px 0 0;display:grid;position:relative}.macbook-lid{background:linear-gradient(#2a2d33 0%,#1b1d22 60%,#15171c 100%);border-radius:16px;width:100%;padding:7px 7px 9px;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff1a,0 24px 50px -28px #0f1f4073}.macbook-bezel{background:#0a0b0e;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.macbook-notch{z-index:2;background:#0a0b0e;border-radius:0 0 8px 8px;justify-content:center;align-items:center;width:14%;max-width:90px;height:10px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.macbook-camera{background:#2a2d35;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #0009}.macbook-screen{background:var(--paper);border-radius:3px;margin-top:10px;position:relative;overflow:hidden}.macbook-screen-contain video{background:#000;object-fit:contain!important}.macbook-screen video{object-fit:cover;object-position:left top;width:100%;height:100%;display:block;position:absolute;inset:0}.macbook-screen img{object-fit:cover;object-position:left top;width:100%;height:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0}.macbook-base{background:linear-gradient(#dadde3 0%,#b4b8c0 35%,#8b8f98 75%,#595d66 100%);border-radius:0 0 14px 14px;width:108%;height:12px;margin-top:0;position:relative;box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #00000026}.macbook-base:after{content:"";background:linear-gradient(#0000001f,#0000);border-radius:0 0 14px 14px;height:3px;position:absolute;bottom:-3px;left:0;right:0}.macbook-cutout{background:linear-gradient(#6e727a 0%,#4a4d55 100%);border-radius:0 0 6px 6px;width:22%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #00000040}.macbook-shadow{filter:blur(8px);z-index:-1;background:radial-gradient(closest-side,#0f1f4061,#0000 70%);height:30px;position:absolute;bottom:-22px;left:6%;right:6%}.macbook-dots{gap:8px;margin-top:24px;display:flex}.macbook-dot{border:none;border-image:initial;background:var(--line);cursor:pointer;border-radius:50%;width:8px;height:8px;padding:0;transition:width .22s,background .22s}.macbook-dot:hover{background:var(--ink-4)}.macbook-dot.is-on{background:var(--navy);border-radius:999px;width:24px}@media (max-width:880px){.macbook-lid{border-radius:12px;padding:5px 5px 7px}.macbook-base{height:10px}.macbook-screen{margin-top:8px}}@media (prefers-reduced-motion:reduce){.macbook-screen img{transition:none!important}}