:root{--red: #DC2626;--red-light: #FEE2E2;--green: #059669;--green-light: #D1FAE5;--blue: #2563EB;--blue-light: #DBEAFE;--dark: #0F172A;--gray-900: #1E293B;--gray-700: #334155;--gray-500: #64748B;--gray-300: #CBD5E1;--gray-100: #F1F5F9;--white: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--gray-100);color:var(--dark)}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{background:var(--dark);padding:16px 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;color:var(--white)}.logo span{color:var(--green)}.header-cta{padding:12px 24px;background:var(--green);color:var(--white);border:none;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.header-cta:hover{background:#047857}.hero{background:linear-gradient(180deg,var(--dark) 0%,var(--gray-900) 100%);color:var(--white);padding:80px 0 100px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#05966933;color:#34d399;padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:24px}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:24px}h1 .red{color:var(--red)}h1 .green{color:#34d399}.hero-text{font-size:1.25rem;color:var(--gray-300);max-width:700px;margin:0 auto 48px;line-height:1.7}.comparison-section{margin-top:-60px;padding-bottom:80px}.comparison-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch}.comparison-card{background:var(--white);border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000001a;position:relative}.comparison-card.paid{border-top:5px solid var(--red)}.comparison-card.referral{border-top:5px solid var(--green)}.card-label{position:absolute;top:-16px;left:50%;transform:translate(-50%);padding:8px 20px;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.comparison-card.paid .card-label{background:var(--red-light);color:var(--red)}.comparison-card.referral .card-label{background:var(--green-light);color:var(--green)}.card-icon{font-size:3rem;margin-bottom:20px}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:24px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--gray-100)}.metric-row:last-child{border-bottom:none}.metric-label{color:var(--gray-500);font-size:.95rem}.metric-value{font-size:1.25rem;font-weight:700}.comparison-card.paid .metric-value{color:var(--red)}.comparison-card.referral .metric-value{color:var(--green)}.card-footer{margin-top:24px;padding:20px;border-radius:12px;text-align:center}.comparison-card.paid .card-footer{background:var(--red-light)}.comparison-card.referral .card-footer{background:var(--green-light)}.footer-number{font-size:2.5rem;font-weight:800}.comparison-card.paid .footer-number{color:var(--red)}.comparison-card.referral .footer-number{color:var(--green)}.footer-label{font-size:.9rem;color:var(--gray-700);margin-top:4px}.vs-divider{display:flex;align-items:center;justify-content:center}.vs-circle{width:60px;height:60px;background:var(--dark);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;box-shadow:0 10px 30px #0003}.calculator-section{padding:80px 0;background:var(--white)}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;background:var(--blue-light);color:var(--blue);padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:16px}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.calc-card{background:var(--gray-100);border-radius:20px;padding:40px}.calc-title{font-size:1.25rem;font-weight:700;margin-bottom:32px;display:flex;align-items:center;gap:12px}.calc-title-icon{width:40px;height:40px;background:var(--dark);color:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center}.calc-row{margin-bottom:24px}.calc-label{font-size:.9rem;font-weight:600;color:var(--gray-700);margin-bottom:8px;display:block}.calc-input{width:100%;padding:16px 20px;background:var(--white);border:2px solid var(--gray-300);border-radius:10px;font-family:inherit;font-size:1.1rem;font-weight:600;color:var(--dark);transition:all .3s ease}.calc-input:focus{outline:none;border-color:var(--blue)}.calc-input-prefix{position:relative}.calc-input-prefix .calc-input{padding-left:36px}.calc-input-prefix:before{content:"$";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-weight:600}.calc-input-suffix{position:relative}.calc-input-suffix .calc-input{padding-right:36px}.calc-input-suffix:after{content:"%";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-weight:600}.results-panel{background:var(--dark);border-radius:20px;padding:40px;color:var(--white)}.results-title{font-size:1.25rem;font-weight:700;margin-bottom:32px;color:var(--gray-300)}.results-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.result-box{padding:24px;border-radius:12px;text-align:center}.result-box.paid{background:#dc262633;border:1px solid var(--red)}.result-box.referral{background:#05966933;border:1px solid var(--green)}.result-box-label{font-size:.85rem;color:var(--gray-300);margin-bottom:8px}.result-box-value{font-size:2rem;font-weight:800}.result-box.paid .result-box-value{color:#fca5a5}.result-box.referral .result-box-value{color:#6ee7b7}.savings-box{background:linear-gradient(135deg,var(--green),#047857);border-radius:12px;padding:24px;text-align:center}.savings-label{font-size:.9rem;opacity:.9;margin-bottom:8px}.savings-value{font-size:3rem;font-weight:800}.savings-note{font-size:.85rem;opacity:.8;margin-top:8px}.why-section{padding:80px 0;background:var(--gray-100)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.why-card{background:var(--white);border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}.why-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001a}.why-icon{width:64px;height:64px;background:var(--green-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin:0 auto 20px}.why-stat{font-size:2.5rem;font-weight:800;color:var(--green);margin-bottom:8px}.why-title{font-size:1.1rem;font-weight:700;margin-bottom:12px}.why-text{color:var(--gray-500);font-size:.95rem;line-height:1.6}.cta-section{padding:100px 0;background:var(--dark);color:var(--white);text-align:center}.cta-section h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:16px}.cta-section p{font-size:1.2rem;color:var(--gray-300);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.cta-form{display:flex;gap:16px;max-width:500px;margin:0 auto}.cta-form input{flex:1;padding:18px 24px;border:2px solid var(--gray-700);border-radius:12px;background:var(--gray-900);color:var(--white);font-family:inherit;font-size:1rem}.cta-form input:focus{outline:none;border-color:var(--green)}.cta-form input::placeholder{color:var(--gray-500)}.cta-form button{padding:18px 36px;background:var(--green);color:var(--white);border:none;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.cta-form button:hover{background:#047857;transform:translateY(-2px)}.trust-badges{display:flex;justify-content:center;gap:32px;margin-top:40px}.trust-badge{display:flex;align-items:center;gap:8px;color:var(--gray-500);font-size:.9rem}.trust-badge svg{width:20px;height:20px;fill:currentColor}footer{background:var(--gray-900);color:var(--white);padding:40px 0;text-align:center}.footer-logo{font-size:1.5rem;font-weight:800;margin-bottom:8px}.footer-logo span{color:var(--green)}.footer-tagline{color:var(--gray-500);font-size:.9rem}@media (max-width: 968px){.comparison-grid{grid-template-columns:1fr}.vs-divider{padding:24px 0}.calculator-grid,.why-grid{grid-template-columns:1fr}.cta-form{flex-direction:column}.trust-badges{flex-direction:column;align-items:center}}