.success-stories main{padding:100px 0 0}.hero-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-content .badge{display:inline-flex;align-items:center;gap:.5rem;background-color:#fef3f0;color:#d97706;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;margin-bottom:.5rem;width:fit-content}.hero-content .badge svg{width:1rem;height:1rem}.hero-content .hero-subtitle{font-size:clamp(1.125rem,3vw,1.375rem);color:#6b7280;max-width:768px;line-height:1.625}.hero-content .hero-metric{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;font-weight:500;color:#111827;font-size:1rem}.emoji{display:inline-block;font-size:2.5rem}.emoji-lg{font-size:3rem}.emoji-xl{font-size:3.75rem}.stories-grid{display:grid;grid-template-columns:1fr;gap:2rem;width:100%;max-width:100%;min-width:0}@media(min-width:1024px){.stories-grid{grid-template-columns:repeat(2,1fr)}}.story-card{background-color:#fff;border:2px solid #F3F4F6;border-radius:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word}@media(max-width:400px){.story-card{max-width:330px;margin-left:auto;margin-right:auto;padding:20px}}.story-card:hover{border-color:#e5e7eb;box-shadow:0 20px 25px -5px #0000001a}.story-card:hover .metric{background-color:#fef3f0}.story-card:hover .metric-value{color:#ff6e30!important}.story-card .story-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;min-width:0}@media(max-width:768px){.story-card .story-header{flex-direction:column;gap:1rem}}.story-card .story-header .story-title-group{flex:1;min-width:0}@media(max-width:768px){.story-card .story-header .story-title-group{order:0}}.story-card .story-header .story-title-group .story-company{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.25rem}.story-card .story-header .story-title-group .story-industry{font-size:.875rem;color:#9ca3af}@media(max-width:768px){.story-card .story-header .emoji-lg{order:-1}}.story-card .story-header .story-timeframe{text-align:right;min-width:0}@media(max-width:768px){.story-card .story-header .story-timeframe{order:1}}.story-card .story-header .story-timeframe .timeframe-value{font-size:.875rem;font-weight:600;color:#111827}.story-card .story-header .story-timeframe .timeframe-label{font-size:.75rem;color:#9ca3af}.story-card .story-challenge{margin-bottom:1.5rem}.story-card .story-challenge .challenge-label{display:block;font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.5rem}.story-card .story-challenge p{color:#374151;font-size:.95rem}.story-card .metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;min-width:0}.story-card .metrics-grid .metric{background-color:#f9fafb;border-radius:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:0}.story-card .metrics-grid .metric-value{font-size:clamp(1.25rem,5vw,1.875rem);font-weight:700;margin-bottom:.25rem;color:#111827;transition:color .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.story-card .metrics-grid .metric-label{font-size:.875rem;color:#4b5563}.story-card .story-testimonial{border-top:2px solid #F3F4F6;padding-top:1.5rem}.story-card .story-testimonial p{color:#374151;font-style:italic;margin-bottom:1rem;line-height:1.75}.story-card .story-testimonial .testimonial-author{display:flex;align-items:center;justify-content:space-between;min-width:0}.story-card .story-testimonial .testimonial-author .author-name{font-weight:600;color:#111827;font-size:.95rem}.story-card .story-testimonial .testimonial-author .author-role{font-size:.875rem;color:#6b7280}.cta{text-align:center}.cta .cta-box{background:linear-gradient(135deg,#f9fafb,#fef3f0);border-radius:1.5rem;padding:3rem}@media(min-width:640px){.cta .cta-box{padding:4rem 5rem}}.cta .cta-box h2{margin-bottom:1rem;color:#111827}.cta .cta-box p{margin:0 auto 2rem;max-width:500px;font-size:1.125rem}.cta .cta-button{display:inline-flex;align-items:center;gap:.5rem;background-color:#ff6e30;color:#fff;padding:1rem 2rem;border-radius:9999px;font-size:1.125rem;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta .cta-button svg{flex-shrink:0;max-width:100%}.cta .cta-button:hover{background-color:#e55a20;box-shadow:0 10px 15px -3px #ff6e304d;transform:scale(1.05)}.cta .cta-button:active{transform:scale(.98)}
