.problem-flow-shell{--bg-void:#07080C;--bg-stage:#090A10;--pill-bg:rgba(20,23,33,0.90);--pill-border:rgba(255,255,255,0.065);--pill-shadow:0 10px 28px -6px rgba(0,0,0,0.65),0 0 0 1px rgba(255,255,255,0.03) inset;--skel-bg:rgba(26,29,42,0.56);--skel-border:rgba(255,255,255,0.075);--skel-fill:rgba(255,255,255,0.34);--skel-bar:rgba(255,255,255,0.16);--badge-err:#F07167;--text-primary:#DCE0F0;--text-pill:#D0D5E6;--text-muted:#8E95B0;--c-agency:#6865F8;--c-email:#60A5FA;--c-sheets:#4ADE80;--c-whatsapp:#34D399;--c-duplicate:#F87171;--c-conflict:#A855F7;--syncro-core:#4D3DF7;--syncro-bright:#7A82FF;--syncro-glow:rgba(99,102,241,0.55);--tile-bg:rgba(23,25,42,0.85);--tile-border:rgba(122,130,255,0.22);--tile-icon:#7D85FF;--ease-expo-out:cubic-bezier(0.16,1,0.3,1);--ease-quint-out:cubic-bezier(0.22,1,0.36,1);--ease-quart-inout:cubic-bezier(0.76,0,0.24,1);position:relative;width:100%;min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px);height:auto;max-height:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 40px;background:radial-gradient(42% 55% at 51% 62%,rgba(68,62,220,.14) 0,rgba(28,25,95,.05) 52%,transparent 100%),var(--bg-void);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:visible;box-sizing:border-box}.problem-flow-shell *,.problem-flow-shell :after,.problem-flow-shell :before{box-sizing:border-box;margin:0;padding:0}.problem-flow-shell .problem-flow-stage-frame{position:relative;width:1440px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:center center;flex-shrink:0;transform:scale(min(.92,calc((100vw - 32px) / 1440),calc((100vh - 140px) / 725)))}.problem-flow-shell .top-narrative-header{width:1440px;margin:0 auto 12px;padding:0 24px;display:flex;justify-content:space-between;align-items:flex-start;box-sizing:border-box;z-index:6}.problem-flow-shell .narrative-col-left{width:696px;padding-left:28px;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.problem-flow-shell .narrative-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8E95B0;margin-bottom:8px}.problem-flow-shell .narrative-eyebrow:after{content:"";width:32px;height:1.5px;background:rgba(142,149,176,.45)}.problem-flow-shell .problem-headline{font-size:46px;font-weight:500;line-height:1.06;letter-spacing:-.035em}.problem-flow-shell .problem-line-1{display:block;color:#F1F3F9}.problem-flow-shell .problem-line-2{display:block;color:#8A90A6}.problem-flow-shell .problem-line-3{display:block;background:linear-gradient(90deg,#6862FF,#817CFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#6862FF}.problem-flow-shell .narrative-col-right{width:682px;padding-left:28px;padding-right:28px;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.problem-flow-shell .solution-body{font-size:15.5px;font-weight:400;line-height:1.52;color:#CAD0E2;letter-spacing:-.01em}.problem-flow-shell .solution-body strong{font-weight:700;color:#7B75FF}.problem-flow-shell .infographic-stage{position:relative;width:1440px;height:530px;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.problem-flow-shell .stage-panel-frame{position:absolute;top:8px;bottom:8px;border-radius:22px;pointer-events:none;z-index:1}.problem-flow-shell .panel-without-syncro{left:24px;width:696px;background:linear-gradient(180deg,rgba(16,18,26,.55),rgba(11,13,19,.45));border:1px solid rgba(255,255,255,.06)}.problem-flow-shell .panel-with-syncro{left:734px;width:682px;background:linear-gradient(135deg,rgba(22,24,64,.42),rgba(12,15,42,.65));border:1px solid rgba(99,102,241,.24);box-shadow:inset 0 0 40px rgba(68,62,220,.08)}.problem-flow-shell .panel-header-block{position:absolute;top:20px;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:6}.problem-flow-shell .panel-header-left{left:52px}.problem-flow-shell .panel-header-right{left:762px}.problem-flow-shell .panel-status-row{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#EAECEF}.problem-flow-shell .status-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.problem-flow-shell .status-dot-red{background:#E05A47;box-shadow:0 0 8px rgba(224,90,71,.55)}.problem-flow-shell .status-dot-green{background:#4ADE80;box-shadow:0 0 8px rgba(74,222,128,.55)}.problem-flow-shell .panel-subline{padding-left:21px;font-size:14px;font-weight:400;color:#8E95B0;letter-spacing:-.005em}.problem-flow-shell .panel-footer-strip{position:absolute;bottom:18px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#FFFFFF;white-space:nowrap;flex-wrap:nowrap;pointer-events:none;z-index:6;box-sizing:border-box}.problem-flow-shell .panel-footer-strip span:not(.footer-pipe){color:#FFFFFF;opacity:1;white-space:nowrap;flex-shrink:0;text-shadow:0 1px 4px rgba(0,0,0,.45)}.problem-flow-shell .panel-footer-left{left:24px;width:696px}.problem-flow-shell .panel-footer-right{left:734px;width:682px}.problem-flow-shell .footer-pipe{color:rgba(255,255,255,.35);flex-shrink:0}.problem-flow-shell .stage-svg-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.problem-flow-shell .stage-particle-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.problem-flow-shell #messyStringsGroup path{stroke-dasharray:1;stroke-dashoffset:1}.problem-flow-shell .source-stack{position:absolute;left:52px;top:109px;width:172px;display:flex;flex-direction:column;gap:12px;z-index:5}.problem-flow-shell .source-pill{position:relative;width:172px;height:42px;background:var(--pill-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--pill-border);border-radius:10px;box-shadow:var(--pill-shadow);display:flex;align-items:center;padding:0 13px;gap:10px;transition:border-color .25s var(--ease-quint-out),transform .25s var(--ease-quint-out)}.problem-flow-shell .source-pill:hover{border-color:rgba(255,255,255,.16);transform:translateX(2px)}.problem-flow-shell .source-icon{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0}.problem-flow-shell .source-icon svg{width:18px;height:18px;display:block}.problem-flow-shell .source-label{font-size:13px;font-weight:500;color:var(--text-pill);letter-spacing:-.01em;white-space:nowrap}.problem-flow-shell .source-port{position:absolute;right:-17px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;z-index:6}.problem-flow-shell .source-port:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:inherit;opacity:.28;filter:blur(2px)}.problem-flow-shell .port-agency{background:var(--c-agency)}.problem-flow-shell .port-email{background:var(--c-email)}.problem-flow-shell .port-sheets{background:var(--c-sheets)}.problem-flow-shell .port-whatsapp{background:var(--c-whatsapp)}.problem-flow-shell .port-duplicate{background:var(--c-duplicate)}.problem-flow-shell .port-conflict{background:var(--c-conflict)}.problem-flow-shell .clutter-field{position:absolute;inset:0;pointer-events:none;z-index:4}.problem-flow-shell .skeleton-card{position:absolute;width:98px;height:54px;background:var(--skel-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--skel-border);border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.55);padding:10px 11px;display:flex;align-items:center;gap:9px}.problem-flow-shell .skel-1{left:350px;top:155px}.problem-flow-shell .skel-2{left:480px;top:110px}.problem-flow-shell .skel-3{left:540px;top:195px}.problem-flow-shell .skel-4{left:335px;top:295px}.problem-flow-shell .skel-5{left:465px;top:355px}.problem-flow-shell .skel-avatar{width:28px;height:32px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px}.problem-flow-shell .skel-head{width:12px;height:12px;border-radius:50%;background:var(--skel-fill)}.problem-flow-shell .skel-shoulders{width:24px;height:11px;border-radius:7px 7px 2px 2px;background:var(--skel-fill)}.problem-flow-shell .skel-lines{flex:1 1;display:flex;flex-direction:column;gap:5px}.problem-flow-shell .skel-bar{height:3.5px;border-radius:99px;background:var(--skel-bar)}.problem-flow-shell .skel-bar.w-full{width:100%}.problem-flow-shell .skel-bar.w-mid{width:72%}.problem-flow-shell .skel-bar.w-short{width:48%;display:inline-block}.problem-flow-shell .skel-bar-split{display:flex;gap:4px;width:100%}.problem-flow-shell .skel-error-badge{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--badge-err);color:#180909;display:grid;place-items:center;font-size:10px;font-weight:700;line-height:1;box-shadow:0 2px 8px rgba(240,113,103,.5)}.problem-flow-shell .skel-3 .skel-error-badge{top:-5px;right:-5px}.problem-flow-shell .skel-5 .skel-error-badge{bottom:5px;right:-6px}.problem-flow-shell .singularity-anchor{position:absolute;left:734px;top:265px;transform:translate(-50%,-50%);width:60px;height:60px;display:grid;place-items:center;z-index:8}.problem-flow-shell .heartbeat-wave{position:absolute;inset:2px;border-radius:50%;border:1.5px solid rgba(129,140,248,.7);opacity:0;pointer-events:none}.problem-flow-shell .syncro-emblem{position:relative;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3F37C9 0,#241E7A 60%,#131046 100%);border:1.5px solid rgba(224,231,255,.85);box-shadow:0 0 32px 8px rgba(99,102,241,.85),0 0 60px 16px rgba(79,70,229,.5),inset 0 2px 6px rgba(255,255,255,.4);display:grid;place-items:center;cursor:pointer;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.problem-flow-shell .syncro-emblem:hover{transform:scale(1.08);box-shadow:0 0 42px 12px rgba(129,140,248,.95),0 0 80px 24px rgba(99,102,241,.7)}.problem-flow-shell .syncro-emblem-img{width:32px;height:35px;display:block;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,255,255,.85))}.problem-flow-shell .linear-stages-row{position:absolute;left:818px;top:265px;width:536px;display:flex;justify-content:space-between;align-items:center;transform:translateY(-50%);z-index:6}.problem-flow-shell .linear-axis-track{position:absolute;left:-82px;right:-34px;top:50%;height:2.5px;transform:translateY(-50%);background:linear-gradient(90deg,#FFFFFF,#A5B4FC 7%,#6865F8 22%,#6366F1 82%,#5B58EB);box-shadow:0 0 12px rgba(104,101,248,.85),0 0 24px rgba(99,102,241,.45);border-radius:99px;transform-origin:left center;z-index:1;pointer-events:none}.problem-flow-shell .linear-axis-pulse{position:absolute;top:-1px;left:0;width:76px;height:4.5px;border-radius:99px;background:linear-gradient(90deg,transparent,#C7D2FE 45%,#FFFFFF 80%,transparent);box-shadow:0 0 16px 3px rgba(255,255,255,.9);opacity:0;pointer-events:none}.problem-flow-shell .linear-axis-arrow{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8.5px solid transparent;border-bottom:8.5px solid transparent;border-left:14px solid #6366f1;filter:drop-shadow(0 0 8px rgba(99,102,241,.65))}.problem-flow-shell .stage-column{position:relative;width:46px;display:flex;flex-direction:column;align-items:center;z-index:5}.problem-flow-shell .stage-tile{position:absolute;bottom:24px;width:46px;height:46px;border-radius:12px;background:var(--tile-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--tile-border);box-shadow:0 10px 24px -6px rgba(0,0,0,.65),0 0 16px -4px rgba(99,102,241,.22),inset 0 1px 0 rgba(255,255,255,.08);display:grid;place-items:center;color:var(--tile-icon);transition:transform .25s var(--ease-quint-out),border-color .25s var(--ease-quint-out),box-shadow .25s var(--ease-quint-out)}.problem-flow-shell .stage-column.is-energized .stage-tile{transform:translateY(-3px);border-color:rgba(165,180,252,.65);box-shadow:0 14px 28px -6px rgba(0,0,0,.7),0 0 24px 2px rgba(129,140,248,.42)}.problem-flow-shell .stage-tile svg{width:22px;height:22px;display:block}.problem-flow-shell .stage-orb{position:relative;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 38% 28%,#FFFFFF 0,#B4BCFF 28%,#6366F1 68%,#312E81 100%);box-shadow:0 0 12px 2px rgba(129,140,248,.55),0 3px 6px rgba(0,0,0,.6);z-index:5;transition:transform .25s var(--ease-quint-out),box-shadow .25s var(--ease-quint-out)}.problem-flow-shell .stage-column.is-energized .stage-orb{transform:scale(1.22);box-shadow:0 0 20px 5px rgba(165,180,252,.85),0 3px 6px rgba(0,0,0,.6)}.problem-flow-shell .stage-caption{position:absolute;top:28px;width:96px;text-align:center;font-size:13px;font-weight:500;line-height:1.28;color:var(--text-primary);letter-spacing:-.01em;transition:color .25s ease}.problem-flow-shell .stage-column.is-energized .stage-caption{color:#FFFFFF}@media (max-width:1024px){.problem-flow-shell{height:auto!important;min-height:auto!important;max-height:none!important;padding:36px 16px 60px!important;overflow-x:clip!important;overflow-y:visible!important;align-items:center!important;justify-content:flex-start!important}.problem-flow-shell .problem-flow-stage-frame{width:720px;max-width:100%;transform-origin:top center;transform:scale(min(1,calc((100vw - 32px) / 720)));margin-bottom:calc((1200px) * (min(1, calc((100vw - 32px) / 720)) - 1))}.problem-flow-shell .top-narrative-header{width:720px;max-width:100%;margin:0 auto 24px;padding:0 16px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:28px;box-sizing:border-box}.problem-flow-shell .narrative-col-left{width:320px;flex-shrink:0;padding:0;margin-bottom:0}.problem-flow-shell .narrative-col-right{width:340px;flex:1 1;padding:0}.problem-flow-shell .problem-headline{font-size:34px;line-height:1.12;letter-spacing:-.03em}.problem-flow-shell .solution-body{font-size:14px;line-height:1.55;max-width:100%}.problem-flow-shell .infographic-stage{width:720px;height:1080px;margin:0 auto;position:relative}.problem-flow-shell .panel-without-syncro{left:12px;top:0;width:696px;height:480px;bottom:auto;border-radius:22px}.problem-flow-shell .panel-header-left{left:36px;top:22px}.problem-flow-shell .source-stack{left:24px;right:24px;top:66px;width:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;z-index:5}.problem-flow-shell .source-pill{width:auto;min-width:0;height:36px;padding:0 12px 0 10px;display:inline-flex;align-items:center;gap:7px;flex-shrink:0}.problem-flow-shell .source-label{font-size:12.5px;white-space:nowrap}.problem-flow-shell .source-port{right:auto;left:50%;bottom:-5px;top:auto;transform:translateX(-50%)}.problem-flow-shell .clutter-field .skel-1{left:175px;top:155px}.problem-flow-shell .clutter-field .skel-2{left:445px;top:160px}.problem-flow-shell .clutter-field .skel-3{left:310px;top:205px}.problem-flow-shell .clutter-field .skel-4{left:200px;top:265px}.problem-flow-shell .clutter-field .skel-5{left:420px;top:270px}.problem-flow-shell .panel-footer-left,.problem-flow-shell .panel-subline{display:none!important}.problem-flow-shell .panel-footer-right{display:flex!important;left:12px;top:1032px;bottom:auto;width:696px;align-items:center;justify-content:center;gap:12px}.problem-flow-shell .singularity-anchor{left:360px;top:486px;transform:translate(-50%,-50%)}.problem-flow-shell .panel-with-syncro{left:12px;top:492px;width:696px;height:576px;bottom:auto;border-radius:22px}.problem-flow-shell .panel-header-right{left:36px;top:535px}.problem-flow-shell .linear-stages-row{position:absolute;left:50%;top:572px;transform:translateX(-50%);width:320px;height:410px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:6}.problem-flow-shell .linear-axis-track{position:absolute;left:50%;top:-85px;bottom:-28px;right:auto;width:2.5px;height:auto;transform:translateX(-50%);background:linear-gradient(180deg,#FFFFFF,#A5B4FC 7%,#6865F8 22%,#6366F1 82%,#5B58EB);box-shadow:0 0 12px rgba(104,101,248,.85),0 0 24px rgba(99,102,241,.45);border-radius:99px;transform-origin:top center;z-index:1;pointer-events:none}.problem-flow-shell .linear-axis-pulse{position:absolute;top:0;left:-1px;width:4.5px;height:76px;border-radius:99px;background:linear-gradient(180deg,transparent,#C7D2FE 45%,#FFFFFF 80%,transparent);box-shadow:0 0 16px 3px rgba(255,255,255,.9);opacity:0;pointer-events:none}.problem-flow-shell .linear-axis-arrow{position:absolute;left:50%;bottom:-6px;top:auto;right:auto;transform:translateX(-50%);width:0;height:0;border:8.5px solid transparent;border-top:14px solid #6366f1;border-bottom:none;filter:drop-shadow(0 0 8px rgba(99,102,241,.65))}.problem-flow-shell .stage-column{position:relative;width:320px;height:48px;display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:5}.problem-flow-shell .stage-tile{position:absolute;left:85px;top:50%;bottom:auto;transform:translateY(-50%);width:44px;height:44px}.problem-flow-shell .stage-column.is-energized .stage-tile{transform:translateY(calc(-50% - 2px))}.problem-flow-shell .stage-orb{position:relative;width:18px;height:18px;margin:0 auto;z-index:5}.problem-flow-shell .stage-caption{position:absolute;left:191px;top:50%;transform:translateY(-50%);width:125px;text-align:left;font-size:13px;line-height:1.25}}@media (max-width:767px){.problem-flow-shell{width:100%!important;max-width:100vw!important;padding:24px 12px 48px!important;overflow-x:clip!important;overflow-y:visible!important;box-sizing:border-box!important}.problem-flow-shell .problem-flow-stage-frame{width:100%!important;max-width:100%!important;transform:none!important;margin-bottom:0!important;overflow-x:clip!important}.problem-flow-shell .top-narrative-header{width:100%!important;max-width:100%!important;padding:0 4px!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important;margin-bottom:18px!important}.problem-flow-shell .narrative-col-left{width:100%!important;margin-bottom:0!important}.problem-flow-shell .narrative-col-right{width:100%!important}.problem-flow-shell .problem-headline{font-size:30px!important;line-height:1.15!important}.problem-flow-shell .solution-body{font-size:14px!important;line-height:1.55!important}.problem-flow-shell .infographic-stage{width:100%!important;max-width:100%!important;height:1080px!important;margin:0 auto!important;position:relative!important;overflow:visible!important}.problem-flow-shell .panel-without-syncro{left:0!important;right:0!important;width:100%!important;max-width:100%!important;height:480px!important;border-radius:18px!important}.problem-flow-shell .panel-header-left{left:18px!important;top:18px!important}.problem-flow-shell .source-stack{left:10px!important;right:10px!important;top:58px!important;width:auto!important;gap:6px 5px!important;justify-content:center!important}.problem-flow-shell .source-pill{height:31px!important;padding:0 9px 0 7px!important;gap:5px!important}.problem-flow-shell .source-label{font-size:11px!important}.problem-flow-shell .clutter-field .skel-1{left:10px!important;top:160px!important;right:auto!important}.problem-flow-shell .clutter-field .skel-2{left:auto!important;right:10px!important;top:160px!important}.problem-flow-shell .clutter-field .skel-3{left:calc(50% - 49px)!important;right:auto!important;top:215px!important}.problem-flow-shell .clutter-field .skel-4{left:22px!important;top:275px!important;right:auto!important}.problem-flow-shell .clutter-field .skel-5{left:auto!important;right:22px!important;top:275px!important}.problem-flow-shell .panel-with-syncro{left:0!important;right:0!important;width:100%!important;max-width:100%!important;height:576px!important;border-radius:18px!important}.problem-flow-shell .panel-header-right{left:18px!important;top:532px!important}.problem-flow-shell .singularity-anchor{left:50%!important;top:486px!important;transform:translate(-50%,-50%)!important}.problem-flow-shell .linear-stages-row{width:min(320px,calc(100% - 24px))!important}.problem-flow-shell .panel-footer-right{left:0!important;right:0!important;width:100%!important;top:1020px!important;bottom:auto!important;padding:0 12px!important;gap:4px 8px!important;flex-wrap:wrap!important;font-size:9.5px!important;line-height:1.4!important;text-align:center!important;justify-content:center!important;white-space:normal!important}.problem-flow-shell .panel-footer-right span{white-space:nowrap!important}}@media (max-width:360px){.problem-flow-shell .linear-stages-row{width:280px!important}.problem-flow-shell .stage-tile{left:65px!important;width:38px!important;height:38px!important}.problem-flow-shell .stage-caption{left:170px!important;width:105px!important;font-size:11px!important}}@media (prefers-reduced-motion:reduce){.problem-flow-shell *,.problem-flow-shell :after,.problem-flow-shell :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}