:root{--cycle-primary:#1a5a96;--cycle-primary-dark:#145082;--cycle-primary-light:#e8f4fc;--cycle-success:#10b981;--cycle-danger:#ef4444}.cycle-problem-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);position:relative}.cycle-problem-solution-grid::before{content:'VS';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:linear-gradient(135deg,var(--cycle-primary) 0%,var(--cycle-primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:var(--font-size-sm);box-shadow:0 4px 16px rgba(26,90,150,0.3);z-index:10}.cycle-problem-side,.cycle-solution-side{background:white;border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-md);transition:all 0.3s ease;position:relative;overflow:hidden}.cycle-problem-side::before,.cycle-solution-side::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}.cycle-problem-side::before{background:linear-gradient(90deg,var(--cycle-danger) 0%,rgba(239,68,68,0.3) 100%)}.cycle-solution-side::before{background:linear-gradient(90deg,var(--cycle-success) 0%,rgba(16,185,129,0.3) 100%)}.cycle-problem-side:hover,.cycle-solution-side:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.cycle-side-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid}.cycle-side-header.problem{border-color:var(--cycle-danger);color:var(--cycle-danger)}.cycle-side-header.solution{border-color:var(--cycle-success);color:var(--cycle-success)}.cycle-side-header i{font-size:24px}.cycle-side-header span{font-size:var(--font-size-lg);font-weight:700}.cycle-problem-item,.cycle-solution-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);border-radius:var(--radius-md);margin:0 calc(-1 * var(--spacing-4));transition:background-color 0.2s ease}.cycle-problem-item:hover{background:rgba(239,68,68,0.05)}.cycle-solution-item:hover{background:rgba(16,185,129,0.05)}.cycle-problem-item:last-child,.cycle-solution-item:last-child{border-bottom:none}.cycle-problem-item i{color:var(--cycle-danger);margin-top:2px;flex-shrink:0}.cycle-solution-item i{color:var(--cycle-success);margin-top:2px;flex-shrink:0}.cycle-problem-item span,.cycle-solution-item span{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.cycle-card--featured{border-color:var(--cycle-primary);border-width:2px;box-shadow:0 4px 16px rgba(26,90,150,0.1)}.cycle-system-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.cycle-system-card{background:white;border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-5);transition:all 0.3s ease;border:1px solid var(--color-border)}.cycle-system-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.cycle-system-card--main{grid-column:1 / -1;border-color:var(--cycle-primary);border-width:2px}.cycle-system-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--cycle-primary) 0%,var(--cycle-primary-dark) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cycle-system-icon i{font-size:28px;color:white}.cycle-system-info{flex:1}.cycle-system-badge{display:inline-block;background:var(--cycle-primary-light);color:var(--cycle-primary);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-2)}.cycle-system-card--main .cycle-system-badge{background:var(--cycle-primary);color:white}.cycle-system-info h3{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.cycle-system-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-3)}.cycle-system-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.cycle-system-tags span{display:inline-flex;align-items:center;gap:var(--spacing-1);background:var(--color-bg-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cycle-system-tags span i{color:var(--cycle-success);font-size:10px}.cycle-workflow-timeline{display:flex;justify-content:space-between;position:relative;padding:var(--spacing-8) 0}.cycle-timeline-track{position:absolute;top:calc(var(--spacing-8) + 24px);left:8%;right:8%;height:4px;background:linear-gradient(90deg,var(--color-border) 0%,var(--cycle-primary) 50%,var(--color-border) 100%);z-index:0;border-radius:2px}.cycle-workflow-step{position:relative;z-index:1;text-align:center;flex:1;max-width:140px}.cycle-step-marker{width:48px;height:48px;background:white;border:3px solid var(--cycle-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4);transition:all 0.3s ease;cursor:pointer}.cycle-step-marker:hover{transform:scale(1.1);box-shadow:0 4px 16px rgba(26,90,150,0.25)}.cycle-step-num{font-size:var(--font-size-lg);font-weight:700;color:var(--cycle-primary);transition:color 0.3s ease}.cycle-workflow-step.highlight .cycle-step-marker{background:var(--cycle-primary);border-color:var(--cycle-primary);box-shadow:0 4px 16px rgba(26,90,150,0.3);transform:scale(1.1)}.cycle-workflow-step.highlight .cycle-step-num{color:white}.cycle-step-card{background:white;border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-sm);transition:all 0.3s ease;cursor:pointer;min-height:100px;display:flex;flex-direction:column;justify-content:center}.cycle-step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cycle-workflow-step.highlight .cycle-step-card{border:2px solid var(--cycle-primary);box-shadow:var(--shadow-md);padding:calc(var(--spacing-4) - 2px)}.cycle-step-card h4{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.cycle-step-card p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.cycle-step-badge{display:inline-block;background:var(--cycle-primary);color:white;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;margin-bottom:var(--spacing-1);line-height:1.4}.cycle-safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.cycle-safety-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;border:1px solid rgba(255,255,255,0.15);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative;overflow:hidden}.cycle-safety-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 50%);opacity:0;transition:opacity 0.4s ease}.cycle-safety-card:hover{background:rgba(255,255,255,0.15);transform:translateY(-8px);border-color:rgba(255,255,255,0.3);box-shadow:0 20px 40px rgba(0,0,0,0.3)}.cycle-safety-card:hover::before{opacity:1}.cycle-safety-icon{width:72px;height:72px;background:linear-gradient(135deg,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.08) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-5);border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease}.cycle-safety-card:hover .cycle-safety-icon{transform:scale(1.1);background:linear-gradient(135deg,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.15) 100%)}.cycle-safety-icon i{font-size:32px;color:white}.cycle-safety-indicator{display:flex;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.cycle-indicator-label{background:rgba(255,255,255,0.2);padding:6px 14px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:white;backdrop-filter:blur(4px)}.cycle-indicator-value{background:var(--cycle-danger);padding:6px 14px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700;color:white;box-shadow:0 2px 8px rgba(239,68,68,0.4)}.cycle-safety-card h4{font-size:var(--font-size-lg);font-weight:700;color:white;margin-bottom:var(--spacing-3)}.cycle-safety-card p{font-size:var(--font-size-sm);color:rgba(255,255,255,0.8);line-height:1.7;margin:0}.cycle-scenarios-grid{display:flex;justify-content:center;gap:var(--spacing-5);flex-wrap:wrap}.cycle-scenario-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--spacing-8) var(--spacing-6);text-align:center;border:1px solid rgba(255,255,255,0.15);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);width:200px;cursor:pointer;position:relative;overflow:hidden}.cycle-scenario-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);transform:scaleX(0);transition:transform 0.4s ease}.cycle-scenario-card:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);transform:translateY(-12px);box-shadow:0 20px 40px rgba(0,0,0,0.3)}.cycle-scenario-card:hover::after{transform:scaleX(1)}.cycle-scenario-icon{width:72px;height:72px;background:linear-gradient(135deg,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.08) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4);border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease}.cycle-scenario-card:hover .cycle-scenario-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.15) 100%)}.cycle-scenario-icon i{font-size:32px;color:white}.cycle-scenario-card h5{font-size:var(--font-size-base);font-weight:700;color:white;margin-bottom:var(--spacing-2)}.cycle-scenario-card p{font-size:var(--font-size-sm);color:rgba(255,255,255,0.8);line-height:1.5;margin:0}.cycle-cta-content{text-align:center;max-width:700px;margin:0 auto}.cycle-cta-content__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.cycle-cta-content__desc{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.cycle-cta-buttons{display:flex;justify-content:center;gap:var(--spacing-5);flex-wrap:wrap}@media (max-width:1199px){.cycle-problem-solution-grid{grid-template-columns:1fr}.cycle-problem-solution-grid::before{top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}.cycle-system-grid{grid-template-columns:1fr}.cycle-system-card--main{grid-column:auto}.cycle-safety-grid{grid-template-columns:1fr}}@media (max-width:991px){.cycle-workflow-timeline{flex-direction:column;gap:var(--spacing-6);align-items:center}.cycle-workflow-step{max-width:100%;width:100%}.cycle-timeline-track{display:none}.cycle-scenario-card{width:100%;max-width:300px}.cycle-problem-solution-grid::before{display:none}.cycle-system-card{flex-direction:column;text-align:center}.cycle-system-icon{margin:0 auto}}@media (max-width:767px){.cycle-safety-icon{width:56px;height:56px}.cycle-safety-icon i{font-size:24px}.cycle-scenario-icon{width:56px;height:56px}.cycle-scenario-icon i{font-size:24px}.cycle-cta-content__title{font-size:var(--font-size-2xl)}.cycle-cta-buttons{flex-direction:column}.cycle-system-icon{width:48px;height:48px}.cycle-system-icon i{font-size:20px}}.cycle-target-population{background:white;border-radius:var(--radius-xl);padding:var(--spacing-10);box-shadow:var(--shadow-md);max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6);border:1px solid var(--color-border)}.cycle-population-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--cycle-primary) 0%,var(--cycle-primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(26,90,150,0.25)}.cycle-population-icon i{font-size:36px;color:white}.cycle-population-list{list-style:none;padding:0;margin:0;width:100%}.cycle-population-list li{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border);font-size:var(--font-size-base);color:var(--color-text-secondary);transition:all 0.2s ease}.cycle-population-list li:last-child{border-bottom:none}.cycle-population-list li:hover{background:var(--cycle-primary-light);border-radius:var(--radius-md)}.cycle-population-list li i{color:var(--cycle-success);font-size:14px;flex-shrink:0}@media (max-width:767px){.cycle-target-population{padding:var(--spacing-6)}.cycle-population-icon{width:64px;height:64px}.cycle-population-icon i{font-size:28px}.cycle-population-list li{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}}@media (max-width:480px){.cycle-scenario-card{width:100%}.cycle-scenario-icon{width:48px;height:48px;margin-bottom:var(--mobile-spacing-sm)}.cycle-scenario-icon i{font-size:20px}.cycle-scenario-card h5{font-size:var(--mobile-font-size-sm)}.cycle-scenario-card p{font-size:var(--mobile-font-size-xs)}.cycle-safety-icon{width:48px;height:48px;margin-bottom:var(--mobile-spacing-sm)}.cycle-safety-icon i{font-size:20px}.cycle-safety-card h4{font-size:var(--mobile-font-size-base)}.cycle-safety-list li{font-size:var(--mobile-font-size-sm);gap:var(--mobile-spacing-xs)}.cycle-target-population{padding:var(--mobile-spacing-md)}.cycle-population-icon{width:48px;height:48px}.cycle-population-icon i{font-size:20px}.cycle-population-card h4{font-size:var(--mobile-font-size-base)}.cycle-population-list li{padding:var(--mobile-spacing-xs) var(--mobile-spacing-sm);font-size:var(--mobile-font-size-sm)}.cycle-cta-content__title{font-size:var(--mobile-font-size-2xl)}.cycle-cta-content__desc{font-size:var(--mobile-font-size-sm)}.cycle-cta-buttons{gap:var(--mobile-spacing-sm)}}@media (hover:none) and (pointer:coarse){.cycle-scenario-card:hover{transform:translateY(0)}.cycle-safety-card:hover{transform:none}.cycle-population-card:hover{transform:none}}