.hero{background:linear-gradient(135deg,#0d4eb5,#11399b 50%,#1d0254);color:#fff;overflow:hidden;padding:60px 0;position:relative}@media screen and (min-width:992px){.hero{margin-top:125px}}.hero:before{animation:gradientShift 20s ease-in-out infinite;background:radial-gradient(circle at 25% 80%,rgba(232,168,56,.12) 0,transparent 45%),radial-gradient(circle at 70% 30%,rgba(59,130,246,.14) 0,transparent 50%),radial-gradient(circle at 85% 75%,rgba(29,2,84,.2) 0,transparent 50%);height:200%;left:-50%;top:-50%;width:200%}.hero:after,.hero:before{content:"";pointer-events:none;position:absolute}.hero:after{background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 70px);bottom:0;left:0;right:0;top:0}@keyframes gradientShift{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.container{margin:0 auto;max-width:1200px;padding:0 40px;position:relative;width:100%;z-index:2}.hero-content{align-items:center;display:flex;font-family:Quicksand,Inter,-apple-system,BlinkMacSystemFont,sans-serif;gap:48px;justify-content:space-between;position:relative;z-index:3}.hero-left{flex:1 1 0%;min-width:0}.hero-left h1{animation:fadeInUp .8s ease-out;color:#fff;font-size:3rem;font-weight:700;line-height:1.12;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.25)}.hero-subtitle{animation:fadeInUp .8s ease-out .1s both;color:#e8a838;font-size:1.6rem;font-weight:600;line-height:1.35;margin-bottom:28px;text-shadow:0 1px 3px rgba(0,0,0,.25)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-right{animation:fadeInUp .8s ease-out .2s both;flex:0 0 420px}.cta-hero{margin-top:28px}.cta-hero .cta-primary{background:#ffe03f;border:none;border-radius:50px;box-shadow:0 8px 24px rgba(255,224,63,.35),inset 0 0 0 1px hsla(0,0%,100%,.15);color:#1a0f3a;cursor:pointer;display:inline-block;font-size:1.05rem;font-weight:700;letter-spacing:.5px;padding:14px 32px;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-hero .cta-primary:hover{background:linear-gradient(135deg,#ffe03f,#e8a838);box-shadow:0 12px 32px rgba(255,224,63,.45),inset 0 0 0 2px hsla(0,0%,100%,.2);transform:translateY(-3px) scale(1.05)}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.comparison-card{backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.04));border:1px solid rgba(232,168,56,.25);border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.08),0 20px 60px -10px rgba(13,78,181,.3);overflow:hidden;padding:28px 24px 22px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.comparison-card:before{background:linear-gradient(45deg,transparent 20%,hsla(0,0%,100%,.15) 50%,transparent 60%);background-size:300% 300%;border-radius:18px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.comparison-card:hover{border-color:rgba(232,168,56,.45);box-shadow:0 15px 50px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.12),0 25px 70px -10px rgba(13,78,181,.4),0 0 40px rgba(232,168,56,.15);transform:translateY(-4px) scale(1.02)}.comparison-card:hover:before{animation:shimmer 3s ease-in-out;opacity:1}.card-row{align-items:center;display:grid;grid-template-columns:.85fr 1fr 1fr}.card-header-row{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:16px;padding-bottom:16px}.header-comp,.header-cs{display:flex;flex-direction:column;gap:3px;text-align:center}.brand-name{font-size:1rem;font-weight:700;letter-spacing:.3px;line-height:1.2}.brand-name-cs{color:#e8a838}.brand-name-comp{color:#fff}.brand-reviews{color:hsla(0,0%,100%,.65);font-size:.75rem;font-weight:500}.overall-row{background:linear-gradient(135deg,rgba(232,168,56,.1),rgba(232,168,56,.03));border:1px solid rgba(232,168,56,.15);border-radius:12px;margin-bottom:10px;padding:16px 8px}.overall-label{color:hsla(0,0%,100%,.8);font-size:.85rem;font-weight:700;letter-spacing:.8px;padding-left:2px;text-transform:uppercase}.overall-cell{align-items:center;display:flex;gap:0;justify-content:center}.crown-icon{animation:crownBob 3s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(232,168,56,.5));flex-shrink:0;height:18px;margin-right:5px;width:22px}@keyframes crownBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.overall-value{font-weight:900;line-height:1}.overall-value-cs{background:linear-gradient(135deg,#e8a838,#d4943a);-webkit-background-clip:text;font-size:2.2rem;-webkit-text-fill-color:transparent;background-clip:text}.overall-value-comp{color:hsla(0,0%,100%,.5);font-size:1.9rem}.comparison-card:hover .overall-value-cs{filter:brightness(1.15);text-shadow:0 0 20px rgba(232,168,56,.5)}.comparison-card:hover .crown-icon{filter:drop-shadow(0 2px 10px rgba(232,168,56,.7))}.detail-row{border-bottom:1px solid hsla(0,0%,100%,.06);padding:10px 0;transition:background-color .2s ease}.detail-row:last-of-type{border-bottom:none}.detail-row:hover{background-color:hsla(0,0%,100%,.04)}.row-label{color:hsla(0,0%,100%,.8);font-size:.85rem;font-weight:600;letter-spacing:.4px;padding-left:2px;text-transform:uppercase}.score{border-radius:6px;padding:3px;text-align:center}.score-value{color:hsla(0,0%,100%,.5);font-size:1.5rem;font-weight:800;line-height:1;transition:all .3s ease}.score-tied .score-value{color:hsla(0,0%,100%,.7);font-size:1.55rem}.score-winner .score-value{background:linear-gradient(135deg,#e8a838,#d4943a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.65rem}.score-winner.score-comp .score-value{background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.comparison-card:hover .score-winner.score-cs .score-value{filter:brightness(1.15);text-shadow:0 0 16px rgba(232,168,56,.5)}.comparison-card .footnote{border-top:1px solid hsla(0,0%,100%,.08);color:rgba(232,168,56,.8);font-size:.8rem;font-style:italic;margin-top:8px;padding-top:14px;text-align:center}@media (max-width:968px){.hero-content{flex-direction:column;gap:32px;text-align:center}.hero-left{max-width:100%}.hero-right{flex:none;margin:0 auto;max-width:420px;width:100%}.hero-left h1{font-size:2.5rem}.hero-subtitle{font-size:1.4rem}}@media (max-width:768px){.hero{padding:50px 0 40px}.container{padding:0 24px}.hero-left h1{font-size:2.1rem}.hero-subtitle{font-size:1.25rem}.comparison-card{padding:22px 18px 18px}.brand-name{font-size:.88rem}.overall-value-cs{font-size:1.9rem}.overall-value-comp{font-size:1.6rem}.crown-icon{height:15px;width:18px}.score-value{font-size:1.3rem}.score-winner .score-value{font-size:1.45rem}.overall-label,.row-label{font-size:.78rem}}@media (max-width:480px){.hero{padding:40px 0 32px}.container{padding:0 16px}.hero-left h1{font-size:1.75rem}.hero-subtitle{font-size:1.1rem;margin-bottom:20px}.comparison-card{padding:20px 14px 16px}.card-header-row{margin-bottom:12px;padding-bottom:12px}.brand-name{font-size:.8rem}.overall-row{padding:12px 6px}.overall-value-cs{font-size:1.6rem}.overall-value-comp{font-size:1.35rem}.crown-icon{height:13px;margin-right:3px;width:16px}.score-value{font-size:1.15rem}.score-winner .score-value{font-size:1.25rem}.overall-label,.row-label{font-size:.7rem}.comparison-card .footnote{font-size:.72rem}.cta-hero .cta-primary{font-size:.9rem;padding:12px 28px}}