:root{--elegant-spacing-xs:0.5rem;--elegant-spacing-sm:1rem;--elegant-spacing-md:2rem;--elegant-spacing-lg:4rem;--elegant-spacing-xl:6rem;--elegant-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);--elegant-shadow-sm:0 1px 3px rgba(0,0,0,0.04);--elegant-shadow-md:0 4px 12px rgba(0,0,0,0.06);--elegant-shadow-lg:0 12px 40px rgba(0,0,0,0.08);--elegant-shadow-hover:0 20px 60px rgba(10,95,173,0.12);--elegant-border-radius:12px;--elegant-border-color:rgba(0,0,0,0.06);}.hero-features{min-height:70vh;display:flex;align-items:center;background:linear-gradient(180deg,#ffffff 0%,#f8f9fa 100%);padding:var(--elegant-spacing-xl) 0 var(--elegant-spacing-lg);position:relative;}.hero-features::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--elegant-border-color) 20%,var(--elegant-border-color) 80%,transparent 100%);}.hero-content{max-width:800px;margin:0 auto;text-align:center;padding:0 var(--elegant-spacing-md);}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.25rem;background:rgba(10,95,173,0.08);color:var(--p4-blue);border-radius:100px;font-size:0.813rem;font-weight:600;letter-spacing:0.025em;margin-bottom:var(--elegant-spacing-md);border:1px solid rgba(10,95,173,0.12);}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#1a1a1a;margin-bottom:var(--elegant-spacing-md);}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:#666;font-weight:400;margin-bottom:var(--elegant-spacing-lg);max-width:600px;margin-left:auto;margin-right:auto;}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}.hero-cta .btn{padding:1rem 2.5rem;font-weight:600;border-radius:8px;transition:var(--elegant-transition);}.category-nav{position:sticky;top:80px;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--elegant-border-color);z-index:100;padding:var(--elegant-spacing-sm) 0;}.category-nav-wrapper{display:flex;gap:var(--elegant-spacing-sm);justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0.25rem;}.category-nav-wrapper::-webkit-scrollbar{display:none;}.category-nav-item{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:transparent;border:1px solid transparent;border-radius:8px;color:#666;font-size:0.938rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:var(--elegant-transition);}.category-nav-item:hover{background:rgba(10,95,173,0.04);color:var(--p4-blue);}.category-nav-item.active{background:var(--p4-blue);color:white;border-color:var(--p4-blue);}.category-nav-item .icon{font-size:1.125rem;}.category-nav-item .count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 0.5rem;background:rgba(255,255,255,0.2);border-radius:100px;font-size:0.75rem;font-weight:700;}.category-nav-item.active .count{background:rgba(255,255,255,0.25);}.category-section{padding:var(--elegant-spacing-xl) 0;background:white;}.category-section:nth-child(even){background:#fafafa;}.category-header{max-width:700px;margin:0 auto var(--elegant-spacing-lg);text-align:center;}.category-icon{font-size:3rem;margin-bottom:var(--elegant-spacing-md);opacity:0.8;}.category-title{font-size:2.5rem;font-weight:700;letter-spacing:-0.02em;color:#1a1a1a;margin-bottom:var(--elegant-spacing-sm);}.category-subtitle{font-size:1.125rem;line-height:1.6;color:#666;font-weight:400;}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--elegant-spacing-md);margin-top:var(--elegant-spacing-lg);}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:1200px){.features-grid{grid-template-columns:repeat(3,1fr);}}.feature-card{background:white;border:1px solid var(--elegant-border-color);border-radius:var(--elegant-border-radius);padding:var(--elegant-spacing-lg);transition:var(--elegant-transition);position:relative;height:100%;display:flex;flex-direction:column;}.category-section:nth-child(even) .feature-card{background:white;}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--p4-blue),var(--p4-orange));border-radius:var(--elegant-border-radius) var(--elegant-border-radius) 0 0;opacity:0;transition:var(--elegant-transition);}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--elegant-shadow-hover);border-color:rgba(10,95,173,0.2);}.feature-card:hover::before{opacity:1;}.feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--p4-blue),var(--p4-blue-700));border-radius:12px;color:white;font-size:1.75rem;margin-bottom:var(--elegant-spacing-md);box-shadow:var(--elegant-shadow-md);}.feature-title{font-size:1.375rem;font-weight:700;letter-spacing:-0.01em;color:#1a1a1a;margin-bottom:var(--elegant-spacing-sm);line-height:1.3;}.feature-description{font-size:0.938rem;line-height:1.6;color:#666;margin-bottom:var(--elegant-spacing-md);flex-grow:1;}.feature-capabilities{margin-top:auto;padding-top:var(--elegant-spacing-md);border-top:1px solid var(--elegant-border-color);}.feature-capabilities-list{display:flex;flex-direction:column;gap:0.625rem;list-style:none;padding:0;margin:0;}.capability-item{display:flex;align-items:flex-start;gap:0.625rem;font-size:0.875rem;color:#444;}.capability-item i{color:var(--p4-blue);font-size:0.875rem;margin-top:0.125rem;flex-shrink:0;}.feature-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--p4-blue);font-weight:600;font-size:0.875rem;text-decoration:none;margin-top:var(--elegant-spacing-sm);transition:var(--elegant-transition);}.feature-link:hover{gap:0.75rem;color:var(--p4-blue-700);}.feature-stat{display:inline-flex;align-items:baseline;gap:0.5rem;margin-bottom:var(--elegant-spacing-sm);}.feature-stat-number{font-size:2rem;font-weight:700;color:var(--p4-blue);letter-spacing:-0.02em;}.feature-stat-label{font-size:0.813rem;color:#999;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;}.features-cta{padding:var(--elegant-spacing-xl) 0;background:linear-gradient(135deg,var(--p4-blue) 0%,var(--p4-blue-700) 100%);text-align:center;color:white;}.features-cta-title{font-size:2.5rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:var(--elegant-spacing-sm);}.features-cta-subtitle{font-size:1.25rem;opacity:0.9;margin-bottom:var(--elegant-spacing-lg);}.features-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}.features-cta-buttons .btn{padding:1rem 2.5rem;font-weight:600;border-radius:8px;}@media (max-width:768px){.hero-features{min-height:60vh;padding:var(--elegant-spacing-lg) 0;}.hero-title{font-size:2.5rem;}.hero-subtitle{font-size:1.125rem;}.category-title{font-size:2rem;}.features-grid{grid-template-columns:1fr;gap:var(--elegant-spacing-md);}.category-nav{top:60px;}.category-nav-wrapper{justify-content:flex-start;padding:0 var(--elegant-spacing-sm);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.feature-card{animation:fadeInUp 0.6s ease-out;animation-fill-mode:both;}.feature-card:nth-child(1){animation-delay:0.1s;}.feature-card:nth-child(2){animation-delay:0.2s;}.feature-card:nth-child(3){animation-delay:0.3s;}.feature-card:nth-child(4){animation-delay:0.4s;}.feature-card:nth-child(5){animation-delay:0.5s;}.feature-card:nth-child(6){animation-delay:0.6s;}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}