.probootstrap-section .lead {font-size: 1.2em;color: #555;margin-bottom: 2rem;font-weight: 300;}.probootstrap-section h3 {color: #333;margin-top: 2rem;margin-bottom: 1rem;font-weight: 500;border-bottom: 2px solid #f0f0f0;padding-bottom: 0.5rem;}.probootstrap-section ul {list-style: none;padding-left: 0;}.probootstrap-section ul li {margin-bottom: 1rem;padding-left: 1.5rem;position: relative;}.probootstrap-section ul li:before {content: "▶";position: absolute;left: 0;color: #007bff;font-size: 0.8em;}.tech-highlights {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding: 1.5rem;border-radius: 8px;border: 1px solid #dee2e6;box-shadow: 0 2px 8px rgba(0,0,0,0.1);}.tech-highlights h4 {color: #333;margin-bottom: 1.5rem;font-size: 1.1em;font-weight: 600;text-align: center;border-bottom: 2px solid #007bff;padding-bottom: 0.5rem;}.highlight-item {margin-bottom: 1.2rem;padding: 0.8rem;background: white;border-radius: 6px;border-left: 4px solid #007bff;transition: all 0.3s ease;}.highlight-item:hover {transform: translateX(5px);box-shadow: 0 4px 12px rgba(0,123,255,0.15);}.highlight-item h5 {margin: 0 0 0.3rem 0;font-size: 0.95em;font-weight: 600;color: #333;}.highlight-item small {color: #666;font-size: 0.85em;line-height: 1.4;}.mt-4 {margin-top: 2rem !important;}.mt-3 {margin-top: 1.5rem !important;}.probootstrap-section .mt-4 p strong {color: #333;font-weight: 600;}.probootstrap-section .mt-4 a {color: #007bff;text-decoration: none;transition: color 0.3s ease;}.probootstrap-section .mt-4 a:hover {color: #0056b3;text-decoration: underline;}.feature-card {background: white;padding: 2rem;border-radius: 12px;box-shadow: 0 4px 20px rgba(0,0,0,0.1);margin-bottom: 2rem;transition: all 0.3s ease;border: 1px solid #e9ecef;height: 100%;display: flex;flex-direction: column;}.feature-card:hover {transform: translateY(-5px);box-shadow: 0 8px 30px rgba(0,0,0,0.15);}.feature-icon {font-size: 3rem;margin-bottom: 1.5rem;text-align: center;}.feature-card h4 {color: #333;margin-bottom: 1rem;font-size: 1.3em;font-weight: 600;text-align: center;}.feature-card p {color: #666;line-height: 1.6;margin-bottom: 1.5rem;flex-grow: 1;}.code-snippet {background: #f8f9fa;border: 1px solid #e9ecef;border-radius: 6px;padding: 1rem;margin-top: auto;}.code-snippet code {color: #007bff;font-family: 'Courier New', monospace;font-size: 0.85em;line-height: 1.4;}.text-center {text-align: center;}.tech-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2rem;margin: 3rem 0;}.tech-card {background: white;border-radius: 8px;padding: 1.5rem;box-shadow: 0 2px 10px rgba(0,0,0,0.1);transition: all 0.3s ease;border-left: 4px solid #007bff;}.tech-card:hover {transform: translateY(-3px);box-shadow: 0 4px 20px rgba(0,0,0,0.15);}.tech-card h4 {color: #333;margin-bottom: 1rem;font-size: 1.2em;}.tech-card p {color: #666;line-height: 1.6;margin-bottom: 1rem;}.tech-advantage {background: #f8f9fa;border-radius: 8px;padding: 1.5rem;margin: 2rem 0;}.advantage-item {display: flex;align-items: flex-start;margin-bottom: 1.5rem;}.advantage-icon {font-size: 1.5rem;margin-right: 1rem;flex-shrink: 0;}.advantage-content h5 {color: #333;margin-bottom: 0.5rem;font-weight: 600;}.advantage-content p {color: #666;margin: 0;line-height: 1.5;}.comparison-table {width: 100%;border-collapse: collapse;margin: 2rem 0;background: white;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}.comparison-table th, .comparison-table td {padding: 1rem;text-align: left;border-bottom: 1px solid #e9ecef;}.comparison-table th {background: #f8f9fa;font-weight: 600;color: #333;}.comparison-table tr:hover {background: #f8f9fa;}.comparison-card {background: white;border-left: 4px solid #007bff;padding: 2rem;border-radius: 8px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);margin-bottom: 2rem;transition: transform 0.3s ease;}.comparison-card:hover {transform: translateY(-2px);box-shadow: 0 4px 20px rgba(0,0,0,0.15);}.comparison-card h4 {margin-bottom: 1rem;font-weight: 600;}.comparison-card ul {list-style: none;padding-left: 0;}.comparison-card ul li {padding: 0.3rem 0;position: relative;padding-left: 1.5rem;}.comparison-card ul li:before {content: "•";position: absolute;left: 0;color: #007bff;font-weight: bold;}blockquote {background: #e3f2fd !important;border-left: 4px solid #2196f3 !important;padding: 1.5rem !important;margin: 2rem 0 !important;border-radius: 0 8px 8px 0 !important;box-shadow: 0 2px 8px rgba(33, 150, 243, 0.1) !important;}blockquote p {margin: 0 !important;font-style: italic !important;color: #1565c0 !important;font-size: 1.1em !important;line-height: 1.6 !important;}.gradient-section {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);position: relative;}.gradient-section:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 30% 20%, rgba(33, 150, 243, 0.05) 0%, transparent 50%);pointer-events: none;}.feature-card[style*="border-top: 4px solid #ff9800"] {border-top: 4px solid #ff9800 !important;}.feature-card[style*="border-top: 4px solid #4caf50"] {border-top: 4px solid #4caf50 !important;}.feature-card[style*="border-top: 4px solid #9c27b0"] {border-top: 4px solid #9c27b0 !important;}.tech-card[style*="border-left: 4px solid #2196f3"] {border-left: 4px solid #2196f3 !important;}.tech-card[style*="border-left: 4px solid #ff5722"] {border-left: 4px solid #ff5722 !important;}.tech-card[style*="border-left: 4px solid #9c27b0"] {border-left: 4px solid #9c27b0 !important;}.tech-card[style*="border-left: 4px solid #607d8b"] {border-left: 4px solid #607d8b !important;}.gradient-conclusion {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);position: relative;overflow: hidden;}.gradient-conclusion:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 70% 30%, rgba(255,255,255,0.1) 0%, transparent 50%);pointer-events: none;}.gradient-conclusion .container {position: relative;z-index: 1;}.gradient-conclusion a {transition: all 0.3s ease !important;}.gradient-conclusion a:hover {transform: translateY(-2px) !important;box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;text-decoration: none !important;}.gradient-conclusion .col-md-4 > div:hover {background: rgba(255,255,255,0.15) !important;transform: translateY(-3px);transition: all 0.3s ease;}html {scroll-behavior: smooth;}body {overflow-x: hidden;}.probootstrap-section {min-height: 100vh;scroll-snap-align: start;position: relative;}.scroll-container {scroll-snap-type: y mandatory;overflow-y: scroll;height: 100vh;}.scroll-indicator {position: fixed;right: 2rem;top: 50%;transform: translateY(-50%);z-index: 1000;display: flex;flex-direction: column;gap: 0.5rem;}.scroll-dot {width: 12px;height: 12px;border-radius: 50%;background: rgba(102, 126, 234, 0.3);cursor: pointer;transition: all 0.3s ease;position: relative;}.scroll-dot.active {background: #667eea;transform: scale(1.2);}.scroll-dot:hover {background: #667eea;transform: scale(1.1);}.scroll-hint {position: fixed;bottom: 2rem;left: 50%;transform: translateX(-50%);color: rgba(102, 126, 234, 0.8);font-size: 0.9rem;display: flex;align-items: center;gap: 0.5rem;opacity: 1;transition: opacity 0.3s ease;z-index: 1000;}.scroll-hint.hidden {opacity: 0;}.scroll-hint::after {content: "↓";animation: bounce 2s infinite;}@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);}40% {transform: translateY(-10px);}60% {transform: translateY(-5px);}}@media (max-width: 768px) {.scroll-indicator {right: 1rem;}.scroll-dot {width: 10px;height: 10px;}.scroll-hint {bottom: 1rem;font-size: 0.8rem;}}.probootstrap-animate:nth-child(1) {animation-delay: 0.1s;}.probootstrap-animate:nth-child(2) {animation-delay: 0.2s;}.probootstrap-animate:nth-child(3) {animation-delay: 0.3s;}.probootstrap-section .feature-card {height: auto;min-height: auto;margin-bottom: 1rem;}.probootstrap-section .feature-card .feature-icon {font-size: 2.5rem;margin-bottom: 1rem;}.probootstrap-section .feature-card h4 {font-size: 1.2em;margin-bottom: 0.8rem;}.probootstrap-section .feature-card p {margin-bottom: 1rem;font-size: 0.95em;line-height: 1.5;}.probootstrap-section .feature-card .code-snippet {margin-top: 0.5rem;padding: 0.8rem;}.probootstrap-section .feature-card .code-snippet code {font-size: 0.8em;}.probootstrap-header {position: sticky;top: 0;z-index: 1000;width: 100%;background-color: white;transition: all 0.3s ease;}