
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;color:#1e293b;line-height:1.6}
a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}
.header{background:linear-gradient(135deg,#1e3a5f 0%,#2563eb 100%);color:#fff;padding:2rem 1rem}
.header h1{font-size:1.8rem;font-weight:800;max-width:900px;margin:0 auto}
.header p{max-width:900px;margin:.5rem auto 0;opacity:.85;font-size:1rem}
nav{background:#1e293b;padding:.75rem 1rem;position:sticky;top:0;z-index:100}
nav ul{list-style:none;display:flex;gap:1.5rem;max-width:900px;margin:0 auto;flex-wrap:wrap}
nav a{color:#94a3b8;font-size:.9rem;font-weight:500}nav a:hover{color:#fff;text-decoration:none}
.main{max-width:960px;margin:0 auto;padding:2rem 1rem}
.winner-box{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}
.winner-box h2{font-size:1.1rem;color:#065f46;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.winner-box h3{font-size:1.4rem;color:#064e3b;margin:.25rem 0}
.winner-box p{color:#047857;font-size:.9rem;margin-top:.25rem}
.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;font-size:.95rem;transition:all .2s}
.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;text-decoration:none}
.btn-secondary{background:#fff;color:#2563eb;border:2px solid #2563eb}.btn-secondary:hover{background:#eff6ff;text-decoration:none}
.btn-green{background:#10b981;color:#fff}.btn-green:hover{background:#059669;text-decoration:none}
.section-title{font-size:1.4rem;font-weight:700;margin:2rem 0 1rem;color:#1e293b;border-left:4px solid #2563eb;padding-left:.75rem}
.card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 1px 6px rgba(0,0,0,.08);border:1px solid #e2e8f0}
.card-top{background:#fff;border:2px solid #10b981}
.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}
.card-title{font-size:1.2rem;font-weight:700}
.badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:700;margin-left:.5rem}
.badge-top{background:#d1fae5;color:#065f46}
.badge-price{background:#eff6ff;color:#1d4ed8}
.stars{color:#f59e0b;font-size:1.1rem}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
@media(max-width:600px){.pros-cons{grid-template-columns:1fr}}
.pros h4{color:#065f46;font-size:.8rem;text-transform:uppercase;font-weight:700;margin-bottom:.4rem}
.cons h4{color:#991b1b;font-size:.8rem;text-transform:uppercase;font-weight:700;margin-bottom:.4rem}
.pros ul,.cons ul{padding-left:1.2rem;font-size:.875rem}
.pros li{color:#065f46}.cons li{color:#991b1b}
.comparison-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem;overflow-x:auto;display:block}
.comparison-table th{background:#1e3a5f;color:#fff;padding:.75rem .5rem;text-align:left;font-weight:600;white-space:nowrap}
.comparison-table td{padding:.65rem .5rem;border-bottom:1px solid #e2e8f0;vertical-align:top}
.comparison-table tr:nth-child(even){background:#f8fafc}
.comparison-table tr:hover{background:#eff6ff}
.check{color:#10b981;font-weight:700}.cross{color:#ef4444;font-weight:700}.partial{color:#f59e0b;font-weight:700}
.cta-bar{background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;padding:2rem;border-radius:12px;text-align:center;margin:2rem 0}
.cta-bar h2{font-size:1.3rem;margin-bottom:.5rem}
.cta-bar p{opacity:.85;margin-bottom:1rem;font-size:.95rem}
.email-gate{background:#fff;border-radius:12px;padding:1.5rem;margin:2rem 0;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e2e8f0}
.email-gate h3{font-size:1.1rem;margin-bottom:.5rem;color:#1e293b}
.email-gate p{color:#64748b;font-size:.875rem;margin-bottom:1rem}
.email-form{display:flex;gap:.5rem;flex-wrap:wrap}
.email-form input{flex:1;min-width:200px;padding:.65rem 1rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem}
.faq-item{margin-bottom:1rem}.faq-item h3{font-size:1rem;font-weight:600;color:#1e293b;cursor:pointer;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}
.faq-item p{padding:.75rem 1rem;color:#475569;font-size:.9rem;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;display:none}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#1e293b;color:#fff;padding:1rem 2rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;z-index:1000;font-size:.875rem}
.cookie-banner a{color:#60a5fa}.cookie-banner button{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:600}
.btn-cookie-accept{background:#10b981;color:#fff}.btn-cookie-decline{background:#475569;color:#fff}
footer{background:#1e293b;color:#94a3b8;padding:2rem 1rem;margin-top:3rem;font-size:.875rem}
footer .inner{max-width:960px;margin:0 auto;display:flex;gap:2rem;flex-wrap:wrap;justify-content:space-between}
footer a{color:#60a5fa}
@media(max-width:768px){.header h1{font-size:1.4rem}.winner-box{flex-direction:column}.card-header{flex-direction:column}}
