.technical-comparison-header{background:linear-gradient(135deg,#2c3e50 0,#2c2c2c 100%);color:#fff;padding:3em 0;position:relative;overflow:hidden}.technical-comparison-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><pattern id="tech-comparison" width="30" height="30" patternUnits="userSpaceOnUse"><rect x="5" y="5" width="20" height="20" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/><circle cx="15" cy="15" r="2" fill="rgba(255,255,255,0.08)"/><rect x="10" y="10" width="10" height="10" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="0.5"/></pattern></defs><rect width="60" height="60" fill="url(%23tech-comparison)"/></svg>');animation:backgroundMove 30s linear infinite}.technical-comparison-header .container{position:relative;z-index:2}.technical-comparison-header .header-breadcrumbs{margin-bottom:1.5em}.technical-comparison-header .header-breadcrumbs .breadcrumbs ul{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.technical-comparison-header .header-breadcrumbs .breadcrumbs ul li{color:#fff}.technical-comparison-header .header-breadcrumbs .breadcrumbs ul li a{color:#fff;opacity:.8;transition:opacity .3s ease}.technical-comparison-header .header-breadcrumbs .breadcrumbs ul li a:hover{opacity:1}@media (max-width:52em){.technical-comparison-header .header-content{text-align:center}}.technical-comparison-header .comparison-info{margin-bottom:2em}.technical-comparison-header .comparison-info .page-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5em;color:#fff}@media (max-width:30em){.technical-comparison-header .comparison-info .page-title{font-size:2rem}}.technical-comparison-header .comparison-info .sites-display{display:flex;align-items:center;gap:2em;margin-bottom:1.5em;justify-content:center}@media (max-width:30em){.technical-comparison-header .comparison-info .sites-display{flex-direction:column;gap:1em}}.technical-comparison-header .comparison-info .sites-display .site-item{background:rgba(255,255,255,.1);padding:1.5em 2em;border-radius:12px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);text-align:center}.technical-comparison-header .comparison-info .sites-display .site-item .site-name{text-transform:uppercase;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-weight:700;font-size:1.3rem;display:block;color:#bdc3c7}.technical-comparison-header .comparison-info .sites-display .vs-separator{font-size:1.5rem;font-weight:700;opacity:.8;animation:pulse 2s infinite;color:#bdc3c7}@media (max-width:30em){.technical-comparison-header .comparison-info .sites-display .vs-separator{transform:rotate(90deg)}}.technical-comparison-header .comparison-info .comparison-meta{display:flex;gap:2em;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem;opacity:.9;justify-content:center}@media (max-width:30em){.technical-comparison-header .comparison-info .comparison-meta{flex-direction:column;gap:.5em}}.technical-comparison-header .comparison-info .comparison-meta span{background:rgba(255,255,255,.1);padding:.5em 1em;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.technical-comparison-header .technical-metrics{margin-top:2em;background:rgba(255,255,255,.1);padding:2em;border-radius:12px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:flex-start;gap:3em}@media (max-width:52em){.technical-comparison-header .technical-metrics{flex-direction:column;align-items:center;gap:2em;text-align:center}}.technical-comparison-header .technical-metrics .overall-score{flex-shrink:0}.technical-comparison-header .technical-metrics .overall-score .score-circle{width:140px;height:140px;border-radius:50%;border:8px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.technical-comparison-header .technical-metrics .overall-score .score-circle.excellent{border-color:#2ecc71}.technical-comparison-header .technical-metrics .overall-score .score-circle.good{border-color:#f1c40f}.technical-comparison-header .technical-metrics .overall-score .score-circle.warning{border-color:#f39c12}.technical-comparison-header .technical-metrics .overall-score .score-circle.error{border-color:#e74c3c}.technical-comparison-header .technical-metrics .overall-score .score-circle .score-percentage{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:2.2rem;font-weight:700;color:#fff;line-height:1}.technical-comparison-header .technical-metrics .overall-score .score-circle .score-label{font-size:.9rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px;color:#bdc3c7;text-align:center}.technical-comparison-header .technical-metrics .detailed-metrics{flex:1}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item{flex-grow:1;margin-bottom:2em}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item:last-child{margin-bottom:0}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-header{display:flex;align-items:center;gap:.75em;margin-bottom:.75em}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-header .metric-icon{font-size:1.5rem;flex-shrink:0}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-header .metric-name{font-weight:600;color:#fff;font-size:1rem;flex:1}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-score{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:1.5rem;font-weight:700;margin-bottom:.75em;text-align:right}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-score.excellent{color:#2ecc71}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-score.good{color:#f1c40f}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-score.warning{color:#f39c12}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-score.error{color:#e74c3c}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-bar{height:10px;background:rgba(255,255,255,.2);border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-bar .metric-fill{height:100%;border-radius:5px;transition:width 1.5s ease-out}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-bar .metric-fill.excellent{background:#2ecc71}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-bar .metric-fill.good{background:#f1c40f}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-bar .metric-fill.warning{background:#f39c12}.technical-comparison-header .technical-metrics .detailed-metrics .metric-item .metric-bar .metric-fill.error{background:#e74c3c}.technical-analysis-summary{background:#fff}.technical-analysis-summary .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2em}@media (max-width:52em){.technical-analysis-summary .summary-cards{grid-template-columns:1fr}}.technical-analysis-summary .summary-card{background:#ecf0f1;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(44,62,80,.1);border:2px solid #bdc3c7;transition:transform .3s ease}.technical-analysis-summary .summary-card:hover{transform:translateY(-5px);border-color:#2c3e50}.technical-analysis-summary .summary-card .summary-content{padding:2em}.technical-analysis-summary .summary-card .summary-content h4{margin:0 0 1.5em 0;font-size:1.3rem;font-weight:700;color:#2c3e50}.technical-analysis-summary .summary-card.risk-assessment{border-left:5px solid #e74c3c}.technical-analysis-summary .summary-card.risk-assessment .risk-level{display:flex;flex-direction:column;gap:.5em}.technical-analysis-summary .summary-card.risk-assessment .risk-level .risk-indicator{padding:.25em .75em;border-radius:15px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.technical-analysis-summary .summary-card.risk-assessment .risk-level .risk-indicator.critical{background:#e74c3c;color:#fff}.technical-analysis-summary .summary-card.risk-assessment .risk-level .risk-indicator.high{background:#f39c12;color:#fff}.technical-analysis-summary .summary-card.risk-assessment .risk-level .risk-indicator.moderate{background:#f1c40f;color:#fff}.technical-analysis-summary .summary-card.risk-assessment .risk-level .risk-indicator.low{background:#2ecc71;color:#fff}.technical-analysis-summary .summary-card.risk-assessment .risk-level .risk-text{color:#2c2c2c;line-height:1.4;font-weight:500}.technical-analysis-summary .summary-card.component-breakdown{border-left:5px solid #2c3e50}.technical-analysis-summary .summary-card.component-breakdown .component-insights .insight-item{display:flex;align-items:flex-start;gap:1em;padding:1em;margin-bottom:1em;border-radius:8px;border-left:4px solid}.technical-analysis-summary .summary-card.component-breakdown .component-insights .insight-item:last-child{margin-bottom:0}.technical-analysis-summary .summary-card.component-breakdown .component-insights .insight-item.critical{background:#fdedec;border-left-color:#e74c3c}.technical-analysis-summary .summary-card.component-breakdown .component-insights .insight-item.warning{background:#fef5e7;border-left-color:#f39c12}.technical-analysis-summary .summary-card.component-breakdown .component-insights .insight-item.good{background:#e8f8f5;border-left-color:#2ecc71}.technical-analysis-summary .summary-card.component-breakdown .component-insights .insight-item .insight-icon{font-size:1.2rem;flex-shrink:0}.technical-analysis-summary .summary-card.component-breakdown .component-insights .insight-item .insight-text{color:#2c2c2c;line-height:1.5;font-weight:500}.technical-analysis-summary .summary-card.technical-recommendations{border-left:5px solid #34495e}.technical-analysis-summary .summary-card.technical-recommendations .recommendations-list .recommendation-item{display:flex;align-items:flex-start;gap:1em;padding:1em 0;border-bottom:1px solid #bdc3c7}.technical-analysis-summary .summary-card.technical-recommendations .recommendations-list .recommendation-item:last-child{border-bottom:none}.technical-analysis-summary .summary-card.technical-recommendations .recommendations-list .recommendation-item .rec-priority{padding:.25em .75em;border-radius:15px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.technical-analysis-summary .summary-card.technical-recommendations .recommendations-list .recommendation-item .rec-priority.critical{background:#e74c3c;color:#fff}.technical-analysis-summary .summary-card.technical-recommendations .recommendations-list .recommendation-item .rec-priority.high{background:#f39c12;color:#fff}.technical-analysis-summary .summary-card.technical-recommendations .recommendations-list .recommendation-item .rec-priority.medium{background:#f1c40f;color:#fff}.technical-analysis-summary .summary-card.technical-recommendations .recommendations-list .recommendation-item .rec-priority.low{background:#2ecc71;color:#fff}.technical-analysis-summary .summary-card.technical-recommendations .recommendations-list .recommendation-item .rec-text{color:#2c2c2c;line-height:1.5;font-weight:500}.page-comparisons{background:#ecf0f1;padding:4em 0}.page-comparisons .page-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5em}.page-comparisons .page-link-bubble{background:#fff;border-radius:12px;padding:1.5em;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#2c2c2c;transition:all .3s ease;box-shadow:0 2px 10px rgba(44,62,80,.1);border:2px solid #bdc3c7}.page-comparisons .page-link-bubble:hover{transform:translateY(-3px) translateX(5px);box-shadow:0 8px 25px rgba(44,62,80,.2);border-color:#2c3e50;text-decoration:none;color:#2c2c2c}.page-comparisons .page-link-bubble .bubble-content{flex:1}.page-comparisons .page-link-bubble .bubble-content .page-names{margin-bottom:.75em}.page-comparisons .page-link-bubble .bubble-content .page-names .page-name{font-size:.8rem;color:#34495e;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem;text-transform:uppercase;font-weight:600}.page-comparisons .page-link-bubble .bubble-content .page-names .vs-text{font-size:.8rem;color:#95a5a6;font-weight:700;margin:0 .5em}.page-comparisons .page-link-bubble .bubble-content .page-names .page-index{color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:.8rem}.page-comparisons .page-link-bubble .bubble-content .page-score{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:1.5rem;font-weight:700;margin-bottom:.5em}.page-comparisons .page-link-bubble .bubble-content .page-score.excellent{color:#2ecc71}.page-comparisons .page-link-bubble .bubble-content .page-score.good{color:#f1c40f}.page-comparisons .page-link-bubble .bubble-content .page-score.warning{color:#f39c12}.page-comparisons .page-link-bubble .bubble-content .page-score.error{color:#e74c3c}.page-comparisons .page-link-bubble .bubble-arrow{margin-left:1em;opacity:.5;transition:all .3s ease;color:#95a5a6}.page-comparisons .page-link-bubble .bubble-arrow svg{display:block}.page-comparisons .page-link-bubble:hover .bubble-arrow{opacity:1;transform:translateX(3px);color:#2c3e50}.page-comparisons .no-pages-message{grid-column:1/-1;text-align:center;padding:4em 2em;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(44,62,80,.1);border:2px solid #bdc3c7}.page-comparisons .no-pages-message .message-icon{font-size:4rem;margin-bottom:1em;opacity:.5;color:#95a5a6}.page-comparisons .no-pages-message h3{margin-bottom:1em;color:#2c3e50}.page-comparisons .no-pages-message p{color:#34495e;max-width:400px;margin:0 auto;line-height:1.5}.footer-cta{background:linear-gradient(135deg,#2c3e50 0,#2c2c2c 100%);color:#fff;padding:4em 0;text-align:center}.footer-cta .cta-content{max-width:600px;margin:0 auto}.footer-cta .cta-content h2{font-size:2.5rem;margin-bottom:1em;color:#fff}@media (max-width:52em){.footer-cta .cta-content h2{font-size:2rem}}.footer-cta .cta-content p{font-size:1.2rem;margin-bottom:2em;opacity:.9}.footer-cta .cta-buttons{display:flex;gap:1em;justify-content:center}@media (max-width:30em){.footer-cta .cta-buttons{flex-direction:column;align-items:center}}@keyframes backgroundMove{from{transform:translateX(0) translateY(0)}to{transform:translateX(-30px) translateY(-30px)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-link-bubble,.summary-card{animation:slideInUp .6s ease-out both}.page-link-bubble:nth-child(1),.summary-card:nth-child(1){animation-delay:.1s}.page-link-bubble:nth-child(2),.summary-card:nth-child(2){animation-delay:.2s}.page-link-bubble:nth-child(3),.summary-card:nth-child(3){animation-delay:.3s}.page-link-bubble:nth-child(4),.summary-card:nth-child(4){animation-delay:.4s}.page-link-bubble:nth-child(5),.summary-card:nth-child(5){animation-delay:.5s}.page-link-bubble:nth-child(6),.summary-card:nth-child(6){animation-delay:.6s}@media (max-width:52em){.page-links-grid{grid-template-columns:repeat(2,1fr)}.summary-cards{grid-template-columns:1fr}}@media (max-width:30em){.technical-comparison-header .page-title{font-size:2rem}.technical-comparison-header .comparison-meta{flex-direction:column;gap:.5em}.technical-comparison-header .technical-metrics .overall-score .score-circle{width:120px;height:120px}.technical-comparison-header .technical-metrics .overall-score .score-circle .score-percentage{font-size:2rem}.technical-comparison-header .technical-metrics .detailed-metrics{padding:1.5em}.page-links-grid{grid-template-columns:1fr}.page-link-bubble .bubble-content .page-names{text-align:center}.summary-card .summary-content{padding:1.5em}}@media print{.technical-comparison-header{background:#ecf0f1!important;color:#2c2c2c!important}.page-link-bubble,.summary-card{break-inside:avoid;box-shadow:none!important;border:1px solid #bdc3c7!important}.footer-cta{display:none!important}.page-link-bubble:hover{transform:none!important}}