.infographicWrapper{--neon-purple:#7bf1a8;--neon-blue:#818cf8;--neon-green:#7bf1a8;--neon-red:#ef4444;--glass-bg:#ffffff08;--glass-border:#ffffff14;background:radial-gradient(circle at top,#7bf1a80d,#0000 40%),radial-gradient(circle at bottom,#818cf80d,#0000 40%);flex-direction:column;align-items:center;gap:64px;width:100%;padding:80px 0;display:flex;position:relative;overflow:visible}.infographicWrapper:before{content:"";pointer-events:none;background:linear-gradient(#0006 0%,#0000 100%);position:absolute;inset:0}.heroHeadlineArea{text-align:center;z-index:1;max-width:800px}.heroHeadline{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.2}.highlightText{color:var(--neon-purple);text-shadow:0 0 25px #7bf1a866;font-weight:800}.highlightAccent{color:var(--neon-blue);text-shadow:0 0 25px #818cf866;font-weight:800}.heroSubtext{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.5}.valueStrip{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pill{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;display:flex}.pill icon{font-size:1rem}.comparisonContainer{z-index:1;align-items:center;gap:24px;width:100%;max-width:1000px;display:flex;position:relative}.comparisonSide{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;flex-direction:column;flex:1;gap:24px;padding:32px;transition:transform .3s;display:flex;position:relative}.comparisonSide:hover{transform:translateY(-4px)}.sideLabel{text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.75rem;font-weight:700}.chaosLabel{color:var(--neon-red)}.structureLabel{color:var(--neon-green)}.flowDiagram{flex-direction:column;gap:12px;display:flex}.flowItem{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.9375rem;display:flex}.chaosItem{color:#a1a1a1;opacity:.7;transform:rotate(-.5deg)}.chaosItem:nth-child(2n){transform:rotate(.5deg)}.structureItem{color:var(--text-primary);background:#22c55e08;border-color:#22c55e1a}.sideCaption{color:var(--text-secondary);font-size:.875rem;font-style:italic}.sideSummary{border-top:1px solid var(--glass-border);margin-top:auto;padding-top:24px;font-size:1.25rem;font-weight:600}.chaosSummary{color:var(--neon-red)}.structureSummary{color:var(--neon-green)}.vsCircle{border:1px solid var(--neon-purple);width:52px;height:52px;color:var(--text-primary);z-index:10;background:#000;border-radius:50%;justify-content:center;align-items:center;font-size:.9375rem;font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #7bf1a866,inset 0 0 10px #7bf1a833}.pipelineContainer{z-index:1;grid-template-columns:repeat(5,1fr);gap:16px;width:100%;max-width:1000px;display:grid}.pipelineCard{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.pipelineCard:hover{background:#ffffff0d;border-color:#7bf1a84d;transform:translateY(-4px);box-shadow:0 10px 30px -10px #7bf1a833}.stepNumber{background:var(--neon-purple);color:#0b1220;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:800;display:flex;box-shadow:0 0 15px #7bf1a866}.stepTitle{color:var(--text-primary);font-size:1rem;font-weight:600}.stepDesc{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.finalCallout{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);text-align:center;z-index:1;background:linear-gradient(90deg,#0000,#7bf1a80d,#818cf80d,#0000);width:100%;padding:32px;position:relative;overflow:hidden}.finalCallout:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;animation:6s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}30%{left:100%}to{left:100%}}.finalCalloutText{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.finalCalloutText span{color:var(--neon-green)}@media (max-width:900px){.comparisonContainer{flex-direction:column}.vsCircle{margin:-12px 0;position:relative;top:auto;left:auto;transform:none}.comparisonContainer,.pipelineContainer{grid-template-columns:1fr;padding:0 20px}}.heroFormArea{z-index:2;justify-content:center;width:100%;max-width:500px;margin:-16px 0 16px;display:flex;position:relative}.heroFormArea:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#7bf1a81a,#0000 70%);width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#infographic{padding:1.2rem}.infographicForm .form{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:14px;flex-direction:row;gap:8px;padding:8px;box-shadow:0 10px 30px -10px #00000080}.infographicForm .inputGroup{flex:1}.infographicForm .input{background:0 0;border:none;border-radius:8px;padding:12px 16px}.infographicForm .input:focus{background:#ffffff0d}.infographicForm .button{white-space:nowrap;background:var(--neon-purple);color:#0b1220;border-radius:8px;width:auto;padding:12px 24px;transition:all .3s ease-in-out;box-shadow:0 0 15px #7bf1a84d}.infographicForm .button:hover{background:#96f7bc;box-shadow:0 0 25px #7bf1a880}.infographicForm .microNote{text-align:center;opacity:.5;margin-top:12px}@media (max-width:600px){.infographicForm .form{flex-direction:column}.infographicForm .button{width:100%}}.neon-red{color:var(--neon-red);filter:drop-shadow(0 0 5px #ef444480)}.neon-blue{color:var(--neon-blue);filter:drop-shadow(0 0 5px #818cf880)}.neon-green{color:var(--neon-green);filter:drop-shadow(0 0 5px #7bf1a880)}.neon-purple{color:var(--neon-purple);filter:drop-shadow(0 0 5px #7bf1a880)}.infographicWrapper{animation:1.5s cubic-bezier(.16,1,.3,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}