.hero{background-color:var(--color-charcoal);color:var(--color-white);padding:var(--space-5xl) 0 var(--space-4xl);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000001a,#0000004d);pointer-events:none}.hero__content{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;position:relative;z-index:1}.hero__text{max-width:600px}.hero__badge{display:inline-block;background-color:var(--color-accent);color:var(--color-white);padding:.4rem 1rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:3px;margin-bottom:var(--space-lg)}.hero__title{font-size:clamp(1.6rem,3.5vw,2.15rem);margin-bottom:var(--space-lg);line-height:1.1;color:var(--color-white)}.hero__title a{color:var(--color-white)}.hero__title a:hover{color:var(--color-accent-light)}.hero__excerpt{font-size:1.15rem;color:var(--color-light-gray);margin-bottom:var(--space-xl);line-height:1.7}.hero__meta{display:flex;align-items:center;gap:var(--space-lg);font-size:.9rem;color:var(--color-muted);margin-bottom:var(--space-xl)}.hero__category{color:var(--color-accent-light);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.hero__image-wrapper{position:relative}.hero__image{width:100%;border-radius:4px;box-shadow:var(--shadow-xl)}.featured{padding:var(--space-4xl) 0;background-color:var(--color-off-white)}.featured__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-2xl);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);align-items:center}.featured__image{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:4px;box-shadow:var(--shadow-lg)}.featured__content{padding:var(--space-lg) 0}.featured__category{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-md)}.featured__title{font-size:clamp(1.5rem,3vw,2.25rem);margin-bottom:var(--space-md);line-height:1.2}.featured__excerpt{color:var(--color-text-light);font-size:1.05rem;line-height:1.7;margin-bottom:var(--space-lg)}.articles-section{padding:var(--space-4xl) 0}.articles-section--alt{background-color:var(--color-light-gray)}.comparisons{padding:var(--space-4xl) 0;background-color:var(--color-charcoal);color:var(--color-white)}.comparisons .section-header{border-bottom-color:var(--color-border-dark)}.comparisons .section-header__title{color:var(--color-white)}.comparisons .section-header__link{color:var(--color-accent-light)}.newsletter{background:linear-gradient(135deg,var(--color-charcoal) 0%,var(--color-near-black) 100%);color:var(--color-white);padding:var(--space-5xl) 0;text-align:center;position:relative}.newsletter__content{max-width:600px;margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:1}.newsletter__label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent-light);margin-bottom:var(--space-md)}.newsletter__title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--space-md);color:var(--color-white)}.newsletter__subtitle{font-size:1.05rem;color:var(--color-muted);margin-bottom:var(--space-2xl);line-height:1.7}.newsletter__form{display:flex;gap:var(--space-md);max-width:480px;margin:0 auto}.newsletter__input{flex:1;padding:.85rem 1.25rem;font-size:1rem;font-family:inherit;border:none;border-radius:4px}.newsletter__input:focus{outline:2px solid var(--color-accent);outline-offset:2px}.newsletter__button{padding:.85rem 1.75rem;background-color:var(--color-accent);color:var(--color-white);font-weight:600;font-size:.95rem;border-radius:4px;transition:background-color var(--transition-fast);white-space:nowrap}.newsletter__button:hover{background-color:var(--color-accent-dark)}.newsletter__privacy{font-size:.8rem;color:var(--color-muted);margin-top:var(--space-md)}.newsletter__privacy a{color:var(--color-accent-light)}.social{padding:var(--space-3xl) 0;text-align:center}.social__title{font-size:1.5rem;margin-bottom:var(--space-lg)}.social__links{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.social__link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.6rem 1.25rem;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-weight:500;font-size:.9rem;transition:all var(--transition-fast)}.social__link:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}@media(max-width:1023px){.hero__content{grid-template-columns:1fr}.hero__image-wrapper{display:none}.featured__grid{grid-template-columns:1fr}.featured__image{order:-1}}@media(max-width:767px){.hero{padding:var(--space-3xl) 0}.newsletter__form{flex-direction:column}.newsletter__button{width:100%}}.newsletter-section{background:linear-gradient(135deg,var(--color-charcoal) 0%,var(--color-near-black) 100%);color:var(--color-white);padding:var(--space-5xl) 0;text-align:center;position:relative;overflow:hidden}.newsletter-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(196,30,58,.08) 0%,transparent 70%);pointer-events:none}.newsletter-section__content{max-width:600px;margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:1}.newsletter-section__label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent-light);margin-bottom:var(--space-md)}.newsletter-section__title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--space-md);color:var(--color-white)}.newsletter-section__text{font-size:1.05rem;color:var(--color-muted);margin-bottom:var(--space-2xl);line-height:1.7}.newsletter-section__form{display:flex;flex-direction:column;gap:var(--space-md);max-width:480px;margin:0 auto}.newsletter-section__input{flex:1;padding:.85rem 1.25rem;font-size:1rem;font-family:inherit;border:none;border-radius:4px}.newsletter-section__input:focus{outline:2px solid var(--color-accent);outline-offset:2px}.newsletter-section__button{padding:.85rem 1.75rem;background-color:var(--color-accent);color:var(--color-white);font-weight:600;font-size:.95rem;border-radius:4px;transition:background-color var(--transition-fast);white-space:nowrap}.newsletter-section__button:hover{background-color:var(--color-accent-dark)}.newsletter-section__privacy{font-size:.8rem;color:var(--color-muted);margin-top:var(--space-md)}.newsletter-section__privacy a{color:var(--color-accent-light)}.newsletter-section__privacy a:hover{color:var(--color-white)}.newsletter-section__consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:var(--color-muted);text-align:left;cursor:pointer}.newsletter-section__consent input[type=checkbox]{margin-top:.15rem;flex-shrink:0;accent-color:var(--color-accent)}.newsletter-section__consent a{color:var(--color-accent-light)}.newsletter-section__consent a:hover{color:var(--color-white)}.newsletter-section__error{font-size:.85rem;color:#f87171;margin-top:var(--space-sm)}.newsletter-section__success{padding:var(--space-xl);background-color:#0596691a;border:1px solid rgba(5,150,105,.3);border-radius:4px;margin-top:var(--space-lg)}.newsletter-section__success-title{font-size:1.1rem;color:#34d399;margin-bottom:var(--space-sm)}.newsletter-section__success-text{font-size:.9rem;color:var(--color-muted)}.newsletter-inline{padding:var(--space-2xl);background-color:var(--color-light-gray);border-radius:4px;text-align:center}.newsletter-inline__title{font-size:1.35rem;margin-bottom:var(--space-sm)}.newsletter-inline__text{color:var(--color-text-light);margin-bottom:var(--space-lg)}.newsletter-inline__form{display:flex;gap:var(--space-md);max-width:400px;margin:0 auto}.newsletter-inline__input{flex:1;padding:.65rem 1rem;font-size:.95rem;font-family:inherit;border:2px solid var(--color-border);border-radius:4px}.newsletter-inline__input:focus{outline:none;border-color:var(--color-accent)}.newsletter-inline__button{padding:.65rem 1.25rem;background-color:var(--color-accent);color:var(--color-white);font-weight:600;font-size:.9rem;border-radius:4px}@media(max-width:767px){.newsletter-section{padding:var(--space-3xl) 0}.newsletter-inline__form{flex-direction:column}.newsletter-section__button,.newsletter-inline__button{width:100%}}
