:root{--copd-primary:#1a5a96;--copd-primary-dark:#0d3a5c;--copd-primary-light:#2d7dd2;--copd-success:#10b981;--copd-error:#ef4444}.copd-zigzag{display:flex;flex-direction:column;gap:var(--spacing-10);max-width:1000px;margin:0 auto}.copd-zigzag__row{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-6);align-items:stretch}.copd-zigzag__row--reverse{direction:rtl}.copd-zigzag__row--reverse > *{direction:ltr}.copd-zigzag__pain,.copd-zigzag__solution{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--color-border);transition:all var(--transition-base)}.copd-zigzag__pain:hover,.copd-zigzag__solution:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.copd-zigzag__pain{border-left:4px solid var(--copd-error)}.copd-zigzag__solution{border-left:4px solid var(--copd-success);background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.copd-zigzag__label{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);margin-bottom:var(--spacing-3)}.copd-zigzag__label--pain{background:#fef2f2;color:var(--copd-error)}.copd-zigzag__label--solution{background:#dcfce7;color:var(--copd-success)}.copd-zigzag__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.copd-zigzag__list{list-style:none;padding:0;margin:0}.copd-zigzag__list li{display:flex;align-items:flex-start;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.copd-zigzag__list li:last-child{margin-bottom:0}.copd-zigzag__pain .copd-zigzag__list li i{color:var(--copd-error);margin-top:3px;flex-shrink:0}.copd-zigzag__solution .copd-zigzag__list li i{color:var(--copd-success);margin-top:3px;flex-shrink:0}.copd-zigzag__arrow{display:flex;align-items:center;justify-content:center;width:50px}.copd-zigzag__arrow i{font-size:28px;color:var(--copd-primary);opacity:0.4}.copd-flow-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;max-width:1100px;margin:0 auto}.copd-flow-step{flex:1;max-width:320px;text-align:center;padding:var(--spacing-6);background:var(--color-bg-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:all var(--transition-base)}.copd-flow-step:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.copd-flow-step--active{background:var(--copd-primary);border-color:var(--copd-primary)}.copd-flow-step--active .copd-flow-step__title,.copd-flow-step--active .copd-flow-step__desc{color:white}.copd-flow-step--active .copd-flow-step__num{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}.copd-flow-step--active .copd-flow-step__num span,.copd-flow-step--active .copd-flow-step__num i{color:white}.copd-flow-step--active .copd-flow-step__tag{background:rgba(255,255,255,0.2);color:white}.copd-flow-step--active .copd-flow-step__threshold{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.2)}.copd-flow-step--active .threshold-label,.copd-flow-step--active .threshold-value{color:white}.copd-flow-step__num{width:80px;height:80px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto var(--spacing-5);transition:all var(--transition-base)}.copd-flow-step__num span{font-size:24px;font-weight:800;color:var(--copd-primary);line-height:1}.copd-flow-step__num i{font-size:14px;color:var(--color-text-secondary);margin-top:2px}.copd-flow-step__badge{display:inline-block;background:rgba(255,255,255,0.25);color:white;font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);margin-bottom:var(--spacing-2)}.copd-flow-step__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.copd-flow-step__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-4) 0}.copd-flow-step__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.copd-flow-step__tag{font-size:var(--font-size-xs);color:var(--copd-primary);background:rgba(26,90,150,0.1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md)}.copd-flow-step__threshold{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-3)}.threshold-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block}.threshold-value{font-size:var(--font-size-lg);font-weight:700;color:var(--copd-primary)}.copd-flow-step__connector{display:flex;align-items:center;justify-content:center;width:50px;align-self:center}.copd-flow-step__connector i{font-size:20px;color:var(--copd-primary);opacity:0.4}.copd-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-5);max-width:1000px;margin:0 auto}.copd-bento-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative}.copd-bento-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.copd-bento-card--primary .copd-bento-card__icon i{color:#1a5a96}.copd-bento-card--secondary .copd-bento-card__icon i{color:#f59e0b}.copd-bento-card--accent .copd-bento-card__icon i{color:#8b5cf6}.copd-bento-card--highlight .copd-bento-card__icon i{color:#10b981}.copd-bento-card--highlight .copd-bento-card__badge{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white}.copd-bento-card__icon{width:48px;height:48px;background:#f1f5f9;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-4)}.copd-bento-card__icon i{font-size:22px;color:var(--copd-primary)}.copd-bento-card__icon--light{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%)}.copd-bento-card__icon--light i{color:var(--copd-primary)}.copd-bento-card__title{font-size:var(--font-size-base);font-weight:700;margin:0 0 var(--spacing-2) 0;color:var(--color-text-primary)}.copd-bento-card__desc{font-size:var(--font-size-sm);line-height:1.5;margin:0;color:var(--color-text-secondary)}.copd-bento-card__badge{position:absolute;top:var(--spacing-3);right:var(--spacing-3);background:rgba(255,255,255,0.25);color:white;font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md)}.copd-devices-hub{position:relative;max-width:900px;margin:0 auto;padding:var(--spacing-8) 0}.copd-devices-hub__center{display:flex;justify-content:center;margin-bottom:var(--spacing-8)}.copd-hub-main{background:linear-gradient(135deg,var(--copd-primary) 0%,var(--copd-primary-dark) 100%);border-radius:var(--radius-2xl);padding:var(--spacing-8);text-align:center;max-width:400px;color:white}.copd-hub-main__icon{width:80px;height:80px;background:rgba(255,255,255,0.2);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4)}.copd-hub-main__icon i{font-size:36px;color:white}.copd-hub-main__title{font-size:var(--font-size-xl);font-weight:700;color:white;margin:0 0 var(--spacing-2) 0}.copd-hub-main__desc{font-size:var(--font-size-sm);color:rgba(255,255,255,0.85);margin:0 0 var(--spacing-4) 0}.copd-hub-main__features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3)}.copd-hub-main__features span{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);background:rgba(255,255,255,0.15);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full)}.copd-hub-main__features span i{font-size:10px}.copd-devices-hub__satellites{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-5)}.copd-satellite-device{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-5);text-align:center;border:1px solid var(--color-border);transition:all var(--transition-base);position:relative}.copd-satellite-device:hover{border-color:var(--copd-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.copd-satellite-device--featured{border-color:var(--copd-primary);border-width:2px}.copd-satellite-device__icon{width:56px;height:56px;background:linear-gradient(135deg,var(--copd-primary) 0%,var(--copd-primary-light) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-3)}.copd-satellite-device__icon i{font-size:24px;color:white}.copd-satellite-device h4{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.copd-satellite-device p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.copd-satellite-device__badge{position:absolute;top:-8px;right:var(--spacing-3);background:var(--copd-primary);color:white;font-size:var(--font-size-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.copd-devices-hub__connections{display:none}.copd-value-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);max-width:1000px;margin:0 auto}.copd-value-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-xl);padding:var(--spacing-8);position:relative;transition:all var(--transition-base)}.copd-value-card:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.25);transform:translateY(-4px)}.copd-value-card--featured{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.25);transform:scale(1.05)}.copd-value-card--featured:hover{transform:scale(1.05) translateY(-4px)}.copd-value-card__number{position:absolute;top:var(--spacing-4);right:var(--spacing-4);font-size:48px;font-weight:800;color:rgba(255,255,255,0.1);line-height:1}.copd-value-card__icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.05) 100%);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-5)}.copd-value-card__icon i{font-size:28px;color:white}.copd-value-card__title{font-size:var(--font-size-xl);font-weight:700;color:white;margin:0 0 var(--spacing-4) 0}.copd-value-card__list{list-style:none;padding:0;margin:0}.copd-value-card__list li{display:flex;align-items:flex-start;gap:var(--spacing-2);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:rgba(255,255,255,0.7);line-height:1.5}.copd-value-card__list li:last-child{margin-bottom:0}.copd-value-card__list li i{color:rgba(255,255,255,0.9);margin-top:4px;font-size:12px;flex-shrink:0}.copd-features-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-5)}.copd-feature-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);text-align:center;border:1px solid var(--color-border);transition:all var(--transition-base)}.copd-feature-card:hover{border-color:var(--copd-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.copd-feature-card__icon{width:52px;height:52px;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4)}.copd-feature-card__icon i{font-size:22px;color:var(--copd-primary)}.copd-feature-card__title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.copd-feature-card__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5;margin:0}.copd-scenario-timeline{display:flex;justify-content:space-between;align-items:flex-start;position:relative;max-width:900px;margin:0 auto;padding-top:var(--spacing-8)}.copd-scenario-timeline__line{position:absolute;top:calc(var(--spacing-8) + 8px);left:80px;right:80px;height:2px;background:rgba(255,255,255,0.2)}.copd-scenario-item{flex:1;text-align:center;position:relative}.copd-scenario-item__dot{width:16px;height:16px;background:white;border-radius:50%;margin:0 auto var(--spacing-5);position:relative;z-index:1;box-shadow:0 0 0 4px rgba(255,255,255,0.2)}.copd-scenario-item__content{background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--spacing-5);border:1px solid rgba(255,255,255,0.1);transition:all var(--transition-base);margin:0 var(--spacing-2)}.copd-scenario-item:hover .copd-scenario-item__content{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.25);transform:translateY(-4px)}.copd-scenario-item__icon{width:48px;height:48px;background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.05) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-3);border:1px solid rgba(255,255,255,0.15)}.copd-scenario-item__icon i{font-size:20px;color:white}.copd-scenario-item__title{font-size:var(--font-size-sm);font-weight:700;color:white;margin:0 0 var(--spacing-2) 0}.copd-scenario-item__desc{font-size:var(--font-size-xs);color:rgba(255,255,255,0.7);line-height:1.5;margin:0}.copd-cta-section{background:linear-gradient(135deg,var(--copd-primary) 0%,var(--copd-primary-dark) 100%)}.copd-cta-content{text-align:center;max-width:700px;margin:0 auto}.copd-cta-content__title{font-size:var(--font-size-3xl);font-weight:700;color:white;margin-bottom:var(--spacing-4)}.copd-cta-content__desc{font-size:var(--font-size-lg);color:rgba(255,255,255,0.85);margin-bottom:var(--spacing-8)}.copd-cta-buttons{display:flex;justify-content:center;gap:var(--spacing-5);flex-wrap:wrap}@media (max-width:1199px){.copd-zigzag__row{grid-template-columns:1fr;gap:var(--spacing-4)}.copd-zigzag__row--reverse{direction:ltr}.copd-zigzag__arrow{width:100%;height:40px;transform:rotate(90deg)}.copd-flow-steps{flex-direction:column;gap:var(--spacing-4)}.copd-flow-step__connector{width:100%;height:40px;padding-top:0;transform:rotate(90deg)}.copd-flow-step{max-width:100%;width:100%}.copd-bento-grid{grid-template-columns:repeat(2,1fr)}.copd-devices-hub__satellites{grid-template-columns:repeat(2,1fr)}.copd-value-showcase{grid-template-columns:1fr;max-width:400px}.copd-value-card--featured{transform:none}.copd-value-card--featured:hover{transform:translateY(-4px)}.copd-features-grid{grid-template-columns:repeat(3,1fr)}.copd-scenario-timeline{flex-direction:column;gap:var(--spacing-4);padding-top:0}.copd-scenario-timeline__line{display:none}.copd-scenario-item__dot{display:none}.copd-scenario-item__content{margin:0}}@media (max-width:991px){.copd-bento-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}@media (max-width:767px){.copd-zigzag__row,.copd-zigzag__row--reverse{display:grid !important;grid-template-columns:1fr 1fr !important;direction:ltr !important;gap:var(--spacing-3);background:#f9fafb;border-radius:var(--radius-xl);padding:var(--spacing-4);box-shadow:0 8px 24px rgba(15,23,42,0.06)}.copd-zigzag__pain{grid-row:1 !important;grid-column:1 !important}.copd-zigzag__solution{grid-row:1 !important;grid-column:2 !important}.copd-zigzag__arrow{display:none !important}.copd-zigzag__pain,.copd-zigzag__solution{padding:var(--spacing-4);width:auto !important;box-sizing:border-box}.copd-zigzag__title{font-size:var(--font-size-base)}.copd-zigzag__list li{font-size:var(--font-size-xs)}}.copd-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.copd-zigzag__pain,.copd-zigzag__solution{padding:var(--spacing-5)}.copd-flow-step{padding:var(--spacing-5)}.copd-flow-step__num{width:64px;height:64px}.copd-flow-step__num span{font-size:20px}.copd-devices-hub__satellites{grid-template-columns:1fr}.copd-features-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.copd-feature-card{padding:var(--spacing-4)}.copd-feature-card__icon{width:44px;height:44px}.copd-feature-card__icon i{font-size:18px}.copd-cta-content__title{font-size:var(--font-size-2xl)}.copd-cta-buttons{flex-direction:column}}@media (max-width:480px){.copd-zigzag{gap:var(--mobile-spacing-md)}.copd-zigzag__row{grid-template-columns:1fr 1fr !important;grid-template-areas:'pain solution' !important;gap:var(--mobile-spacing-md)}.copd-zigzag__row--reverse{direction:ltr !important}.copd-zigzag__arrow{display:none !important}.copd-zigzag__pain,.copd-zigzag__solution{padding:var(--mobile-spacing-md)}.copd-zigzag__title{font-size:var(--mobile-font-size-base)}.copd-zigzag__list li{font-size:var(--mobile-font-size-sm);gap:var(--mobile-spacing-xs)}.copd-scenario-timeline{gap:var(--mobile-spacing-md)}.copd-scenario-card{padding:var(--mobile-spacing-md)}.copd-scenario-icon{width:48px;height:48px;margin-bottom:var(--mobile-spacing-sm)}.copd-scenario-icon i{font-size:20px}.copd-scenario-card h5{font-size:var(--mobile-font-size-sm)}.copd-scenario-card p{font-size:var(--mobile-font-size-xs)}.copd-flow-steps{flex-direction:column;gap:var(--mobile-spacing-lg)}.copd-flow-steps::before{display:none}.copd-flow-step{max-width:100%;width:100%;padding:var(--mobile-spacing-md)}.copd-flow-step__num{width:56px;height:56px;margin:0 auto var(--mobile-spacing-sm)}.copd-flow-step__num span{font-size:var(--mobile-font-size-lg)}.copd-flow-step__content h4{font-size:var(--mobile-font-size-sm)}.copd-flow-step__content p{font-size:var(--mobile-font-size-xs)}.copd-devices-hub__center{width:80px;height:80px}.copd-devices-hub__center i{font-size:28px}.copd-devices-hub__satellites{grid-template-columns:1fr;gap:var(--mobile-spacing-md)}.copd-hub-device{padding:var(--mobile-spacing-md)}.copd-hub-device__icon{width:48px;height:48px}.copd-hub-device__icon i{font-size:20px}.copd-hub-device h5{font-size:var(--mobile-font-size-sm)}.copd-features-grid{grid-template-columns:1fr;gap:var(--mobile-spacing-md)}.copd-feature-card{padding:var(--mobile-spacing-md)}.copd-feature-card__icon{width:48px;height:48px}.copd-feature-card__icon i{font-size:20px}.copd-feature-card h4{font-size:var(--mobile-font-size-sm)}.copd-feature-card p{font-size:var(--mobile-font-size-xs)}.copd-cta-content__title{font-size:var(--mobile-font-size-2xl)}.copd-cta-content__desc{font-size:var(--mobile-font-size-sm)}.copd-cta-buttons{gap:var(--mobile-spacing-sm)}}@media (hover:none) and (pointer:coarse){.copd-zigzag__pain:hover,.copd-zigzag__solution:hover{transform:none}.copd-scenario-card:hover{transform:translateY(0)}.copd-flow-step:hover{transform:none}.copd-feature-card:hover{transform:none}.copd-hub-device:hover{transform:translateY(0)}}