body {
	 background: linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%);
	 color: #121826;
    }
    .hero-kicker {
	 display: inline-block;
	 font-size: 1rem;
	 text-transform: uppercase;
	 letter-spacing: .08em;
	 font-weight: 700;
	 color: #475467;
	 margin-bottom: 10px;
    }
    .hero-title {
	 font-size: clamp(2rem, 4vw, 3.25rem);
	 line-height: 1.02;
	 font-weight: 800;
	 letter-spacing: -0.03em;
    }
    .hero-copy {
	 font-size: 1.05rem;
	 color: #2b384e;
    }
	.hero-copy p,
	.hero-copy ul {
		font-size: 1.25rem;
		color: #666d7a;
	}
	
	.hero-breakdown-card {
		border: 1px solid #adafb2;
		border-radius: 14px;
		background: #fff;
	}
	
	.hero-media img {
		width: 100%;
		height: auto;
		max-width: 540px;
		display: block;
		margin: 0 auto;
	}
    .section-title {
	 font-weight: 800;
	 letter-spacing: -0.02em;
    }
    .soft-card {
	 border: 1px solid #e6e8ee;
	 border-radius: 1rem;
	 box-shadow: 0 10px 30px rgba(16, 24, 40, 0.06);
    }
    .report-card {
	 border: 1px solid #e6e8ee;
	 border-radius: 1rem;
	 box-shadow: 0 8px 24px rgba(16, 24, 40, 0.05);
	 transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .report-card:hover {
	 transform: translateY(-3px);
	 box-shadow: 0 14px 34px rgba(16, 24, 40, 0.10);
	 border-color: #d0d5dd;
    }
    .snapshot-pill {
	 border: 1px solid #e6e8ee;
	 border-radius: .9rem;
	 /* min-height: 88px; */
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 text-align: center;
	 background: #fff;
	 padding: .75rem;
    }
    .bundle-box {
	 border: 1px solid #111;
	 border-radius: 1.1rem;
	 background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	 box-shadow: 0 14px 36px rgba(16, 24, 40, 0.08);
    }
    .bundle-price-old {
	 color: #667085;
	 text-decoration: line-through;
    }
    .bundle-price-new {
	 font-size: 1.9rem;
	 font-weight: 800;
	 line-height: 1;
    }
    .mini {
	 font-size: .875rem;
	 color: #667085;
    }
    .btn.btn-purchased {
	 background-color: #c9a227 !important;
	 border-color: #c9a227 !important;
	 color: #111 !important;
    }
    
    .btn.btn-purchased:hover,
    .btn.btn-purchased:focus {
	 background-color: #b8921f !important;
	 border-color: #b8921f !important;
	 color: #111 !important;
    }
    .no-mobile {display:block;}
    .mobile-only {display:none;}
    
    .table-responsive {
	 width: 100%;
	 overflow-x: auto;
	 -webkit-overflow-scrolling: touch;
    }
    .co-show img {max-height:140px;}
    
    .rankrivalproreport table .lh td {
    		width:25%;
	}    
    .rankrivalproreport table .lh th {
		text-align:center !important;
	   }
    .rankrivalproreport table .lh td {
	    text-align:center;
    }

    @media (max-width: 768px) {
	.no-mobile {display:none;}
	.mobile-only {display:block;}
	.co-show img {max-height:240px;}
	.report-body {border:none;}
	.rankrivalproreport {
	  overflow-x: auto;
	}
	
	.rankrivalproreport table {
	  min-width: 640px;
	 
	}
    }