.container{max-width:var(--max-width-xl);padding:0 var(--space-lg);margin:0 auto}.container h1{padding-top:1rem}.stats-bar{background:var(--bg-primary);z-index:var(--z-fixed);border-radius:var(--radius-sm);box-shadow:var(--shadow-xl);padding:var(--space-xl);gap:var(--gap-lg);opacity:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1rem 0 0;animation:.8s .8s forwards fadeInUp;display:grid;position:relative}.stat{text-align:center;padding:0 var(--space-sm);border-right:1px solid var(--bg-tertiary)}.stat:last-child{border-right:none}.stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);display:block}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.content-section{padding:var(--space-4xl)0}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-normal);color:var(--text-primary);margin-bottom:var(--space-sm);display:inline-block;position:relative}.section-title:after{content:"";background:var(--color-accent);width:60px;height:3px;position:absolute;bottom:-.5rem;left:0}.section-intro{margin:var(--space-lg)0 0;font-size:var(--font-size-lg);color:var(--text-light);text-align:left;max-width:100%}.challenge-grid{gap:var(--gap-md);margin-top:var(--space-2xl);grid-template-columns:repeat(2,1fr);display:grid}.challenge-card{background:var(--bg-primary);padding:var(--space-xl);border-left:4px solid var(--color-accent);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);border-radius:4px}.challenge-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.challenge-icon{background:var(--bg-gradient-gold);border-radius:var(--radius-full);width:50px;height:50px;margin-bottom:var(--space-md);font-size:var(--font-size-2xl);justify-content:center;align-items:center;display:flex}.challenge-card h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold)}.challenge-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.highlight-stat{background:var(--bg-secondary);padding:var(--space-sm);margin-top:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);border-radius:4px}.solution-section{background:var(--bg-secondary);padding:var(--space-4xl)0}.solution-content{gap:var(--gap-xl);margin-top:var(--space-2xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.solution-visual{background:var(--bg-primary);padding:var(--space-2xl);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);position:relative}.connection-diagram{gap:var(--gap-md);flex-direction:column;display:flex}.diagram-node{background:var(--color-accent);color:var(--text-white);padding:var(--space-md);text-align:center;font-weight:var(--font-weight-medium);border-radius:6px;position:relative}.diagram-node.center{background:var(--bg-gradient-gold);font-size:var(--font-size-lg);padding:var(--space-lg);box-shadow:0 4px 20px #d4af374d}.diagram-connector{background:var(--color-accent);width:2px;height:30px;margin:0 auto;position:relative}.diagram-connector:after{content:"↓";color:var(--color-accent);font-size:var(--font-size-xl);position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.benefits-list{margin:0;padding:0;list-style:none}.benefits-list li{padding:var(--space-sm)0;border-bottom:1px solid var(--bg-tertiary);align-items:flex-start;gap:var(--space-sm);display:flex}.benefits-list li:last-child{border-bottom:none}.benefit-icon{color:var(--color-accent);font-size:var(--font-size-2xl);flex-shrink:0;margin-top:.2rem}.benefit-text strong{color:var(--text-primary);margin-bottom:.25rem;display:block}.quote-section{padding:var(--space-4xl)0;background:var(--bg-primary)}.quote-box{max-width:var(--max-width-md);margin:var(--space-2xl)auto;padding:var(--space-2xl);background:var(--color-accent);color:var(--text-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);position:relative}.quote-box:before{content:"\"";top:-1rem;left:var(--space-lg);color:var(--color-cs-accent);opacity:.3;font-size:6rem;line-height:1;position:absolute}.quote-icon{background:#fff;border-radius:50%;width:80px;height:80px;padding:4px;position:absolute;top:-30px;right:3rem;box-shadow:0 4px 15px #0003}.quote-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%}.hopae-icon{background:#fff;border-radius:20px;padding:4px;position:absolute;top:-70px;right:-7rem;scale:30%;box-shadow:0 4px 15px #0003}.hopae-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%}.quote-text{font-size:var(--font-size-xl);line-height:var(--line-height-loose);margin-bottom:var(--space-lg);color:var(--text-white);z-index:var(--z-base);position:relative}.quote-author{align-items:center;gap:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid #fff3;display:flex}.author-info strong{font-size:var(--font-size-lg);margin-bottom:.25rem;display:block}.author-info span{opacity:.9;font-size:.95rem}.cta-buttons{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.hopae-diagram{justify-content:center;padding:3rem 2rem;display:flex}.diagram-container{flex-direction:column;align-items:center;width:100%;max-width:520px;display:flex}.diagram-box{width:100%;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:1.5rem 1.75rem}.diagram-box h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.subtitle{color:var(--text-secondary);margin:.25rem 0 1rem;font-size:.9rem}.diagram-box ul{margin:1rem 0 0;padding-left:1.2rem}.diagram-box li{color:var(--text-light);margin-bottom:.4rem;font-size:.9rem}.connector-labeled{height:48px;position:relative}.connector-label{color:var(--bg-gradient-gold);white-space:nowrap;font-size:.8rem;font-weight:500;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hopae-connect{border:2px solid #175cd3;position:relative}.hopae-logo{opacity:.85;width:auto;height:22px;position:absolute;top:14px;right:14px}.tagline{color:#475467;margin:.75rem 0 0;font-size:.95rem}.footnote{color:#667085;margin-top:1rem;font-size:.8rem}.connector{background:linear-gradient(#d0d5dd,#98a2b3);width:2px;height:32px}@media (max-width:768px){.diagram-container{max-width:100%}}@media (max-width:968px){.case-study h1{font-size:var(--font-size-4xl)}.stats-bar{gap:var(--gap-md);grid-template-columns:1fr;margin-top:-3rem}.stat{border-right:none;border-bottom:1px solid var(--bg-tertiary);padding-bottom:var(--space-md)}.stat:last-child{border-bottom:none;padding-bottom:0}.solution-content{gap:var(--gap-lg);grid-template-columns:1fr}.challenge-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.case-study .btn{width:100%;max-width:300px}}@media (max-width:640px){.case-study .container{padding:0 var(--space-md)}.case-study header{padding:var(--space-3xl)0 var(--space-4xl)}.case-study h1{font-size:var(--font-size-3xl)}.case-study .subtitle{font-size:var(--font-size-lg)}.content-section,.solution-section,.quote-section,.case-study .cta-section{padding:var(--space-3xl)0}.section-title{font-size:var(--font-size-3xl)}.quote-box{padding:var(--space-lg)}.quote-text{font-size:var(--font-size-lg)}.quote-icon{width:60px;height:60px;top:-20px;right:1.5rem}.hopae-icon{width:160px;height:60px;top:-30px;right:-2rem}}