.hero-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 0;margin-bottom:2rem;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#0172ad,#00a6ff);pointer-events:none}.hero-banner .container{position:relative;z-index:1}.hero-banner h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-banner p{font-size:1.5rem;font-weight:300;opacity:.9;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.hero-banner p.site-title{font-size:3rem;font-weight:700}.hero-banner a{color:#fff;text-decoration:none}.hero-banner a:hover{color:#fffc}@media (max-width: 768px){.hero-banner{padding:2.5rem 0}.hero-banner h1{font-size:2.2rem}.hero-banner p{font-size:1.2rem}}.comparison-table{overflow-x:auto;margin:2rem 0}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--pico-border-color)}.comparison-table th{background-color:var(--pico-card-background-color);font-weight:600}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}@media (max-width: 768px){.pros-cons{grid-template-columns:1fr}}.pros-cons article{padding:1.5rem;background:var(--pico-card-background-color);border-radius:var(--pico-border-radius)}.pros-cons h3{margin-top:0;color:var(--pico-primary)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}}