/*
Theme Name: KOT845 Sports
Theme URI: https://example.com/
Author: Kings of the 845
Description: A custom sports-media WordPress theme for Kings of the 845.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: kot845
*/

:root{
  --kot-black:#070809;
  --kot-charcoal:#111318;
  --kot-gray:#aeb4bf;
  --kot-light:#f3f4f6;
  --kot-gold:#f3ba18;
  --kot-gold-dark:#c98f00;
  --kot-white:#fff;
  --kot-max:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--kot-black);
  color:var(--kot-white);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.5;
}
img{max-width:100%;height:auto}
a{color:inherit}
.kot-shell{width:min(calc(100% - 34px),var(--kot-max));margin:0 auto}
.screen-reader-text{
  position:absolute!important;
  width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}

/* Header */
.site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(7,8,9,.95);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header-inner{
  min-height:78px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.site-branding a{
  display:flex;align-items:center;gap:12px;
  text-decoration:none;font-weight:900;text-transform:uppercase;
  letter-spacing:-.03em;font-size:1.25rem
}
.custom-logo{max-height:46px;width:auto}
.main-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.main-nav a{
  text-decoration:none;font-size:.82rem;font-weight:900;
  letter-spacing:.05em;text-transform:uppercase;color:#fff
}
.main-nav a:hover{color:var(--kot-gold)}
.menu-toggle{display:none;background:none;border:1px solid #444;color:#fff;padding:9px 12px}

/* Hero */
.kot-hero{
  position:relative;min-height:720px;display:flex;align-items:flex-end;
  background:linear-gradient(120deg,#0c0d10,#211d0f);
  background-size:cover;background-position:center;
}
.kot-hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.62) 58%,rgba(0,0,0,.28) 100%);
}
.kot-hero-inner{position:relative;z-index:2;padding:150px 0 88px}
.kot-kicker{
  color:var(--kot-gold);font-weight:900;letter-spacing:.18em;
  text-transform:uppercase;font-size:.76rem;margin-bottom:16px
}
.kot-hero h1{
  margin:0;max-width:1000px;
  font-size:clamp(3rem,7vw,7rem);
  line-height:.92;letter-spacing:-.06em;text-transform:uppercase
}
.kot-hero p{
  max-width:760px;color:#e3e5e9;font-size:clamp(1rem,1.8vw,1.28rem);
  margin:28px 0 0
}
.kot-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.kot-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:0 24px;text-decoration:none;text-transform:uppercase;
  font-size:.82rem;font-weight:900;letter-spacing:.06em;border:2px solid transparent
}
.kot-btn-gold{background:var(--kot-gold);color:#080808}
.kot-btn-ghost{border-color:#fff;color:#fff}
.kot-btn-dark{background:#080808;color:#fff}

/* Ticker */
.kot-ticker{background:var(--kot-gold);color:#090909}
.kot-ticker-inner{min-height:54px;display:flex;align-items:center;gap:16px;overflow:hidden}
.kot-ticker strong{background:#090909;color:#fff;padding:7px 10px;font-size:.72rem;letter-spacing:.12em}
.kot-ticker span{font-weight:800;white-space:nowrap}

/* Main sections */
.kot-main{background:#fff;color:#080808;padding:72px 0 90px}
.kot-section{margin-bottom:88px}
.kot-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  border-bottom:3px solid #080808;padding-bottom:16px;margin-bottom:26px
}
.kot-section-head h2{
  margin:0;font-size:clamp(2rem,4.5vw,4rem);line-height:.96;
  letter-spacing:-.045em;text-transform:uppercase
}
.kot-section-head a{
  text-decoration:none;text-transform:uppercase;font-weight:900;
  font-size:.78rem;letter-spacing:.05em
}
.kot-grid{display:grid;gap:22px}
.kot-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kot-feature-grid{
  display:grid;gap:22px;grid-template-columns:1.6fr 1fr 1fr;
  grid-template-rows:repeat(2,minmax(220px,auto))
}
.kot-feature-grid article:first-child{grid-row:1/3}
.kot-feature-grid article:nth-child(4){grid-column:2/4}

.story-card{
  min-height:340px;position:relative;overflow:hidden;background:#15181d;
  background-size:cover;background-position:center
}
.story-card.large{min-height:610px}
.story-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.12) 72%)
}
.story-link{position:absolute;inset:0;z-index:2;text-decoration:none;color:#fff}
.story-content{position:absolute;left:0;right:0;bottom:0;padding:26px}
.story-meta{color:var(--kot-gold);font-weight:900;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.story-card h3{margin:8px 0 0;font-size:clamp(1.25rem,2.2vw,2.15rem);line-height:1;letter-spacing:-.03em}
.story-card p{margin:12px 0 0;color:#d6d9df;font-size:.9rem}

/* Rankings */
.kot-rankings{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;
  background:var(--kot-gold);padding:clamp(36px,6vw,74px);margin-bottom:88px
}
.kot-rankings h2{
  margin:0;font-size:clamp(2.2rem,4.5vw,4.2rem);line-height:.94;
  letter-spacing:-.05em;text-transform:uppercase
}
.kot-rankings p{max-width:520px;font-size:1.02rem;line-height:1.6}
.rank-list{background:#fff}
.rank-item{
  display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;
  min-height:92px;padding:16px 22px;border-bottom:1px solid #e6e7ea;
  text-decoration:none;color:#080808
}
.rank-item span{color:var(--kot-gold-dark);font-size:1.5rem;font-weight:900}
.rank-item em{font-style:normal;text-transform:uppercase;font-weight:900;font-size:.72rem}

/* Sponsor CTA */
.kot-cta{
  display:flex;justify-content:space-between;align-items:center;gap:36px;
  padding:clamp(34px,6vw,68px);background:#f1f2f4;border-left:8px solid var(--kot-gold)
}
.kot-cta h2{
  margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.95;
  letter-spacing:-.045em;text-transform:uppercase
}
.kot-cta p{max-width:700px}

/* Footer */
.site-footer{background:#090a0d;border-top:1px solid rgba(255,255,255,.09);padding:54px 0}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.site-footer h3{margin-top:0;color:var(--kot-gold);text-transform:uppercase}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:8px 0}
.site-footer a{text-decoration:none;color:#d9dce2}
.site-footer small{color:#9aa0aa}

/* Standard templates */
.content-wrap{background:#fff;color:#111;padding:70px 0}
.content-wrap article{max-width:860px;margin:0 auto}
.entry-title{font-size:clamp(2.4rem,5vw,5rem);line-height:.96;letter-spacing:-.05em;text-transform:uppercase}
.entry-content{font-size:1.05rem;line-height:1.75}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

@media (max-width:900px){
  .main-nav{display:none}
  .main-nav.open{display:block;position:absolute;top:78px;left:0;right:0;background:#090a0d;padding:20px}
  .main-nav.open ul{flex-direction:column}
  .menu-toggle{display:block}
  .kot-feature-grid,.kot-grid-3,.archive-grid{grid-template-columns:1fr 1fr}
  .kot-feature-grid article:first-child,.kot-feature-grid article:nth-child(4){grid-row:auto;grid-column:auto}
  .kot-rankings{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:650px){
  .kot-hero{min-height:640px}
  .kot-hero-inner{padding:120px 0 58px}
  .kot-hero h1{font-size:3.15rem}
  .kot-actions,.kot-btn{width:100%}
  .kot-feature-grid,.kot-grid-3,.archive-grid{grid-template-columns:1fr}
  .story-card,.story-card.large{min-height:380px}
  .kot-section-head{align-items:flex-start;flex-direction:column}
  .kot-rankings{margin-left:-17px;margin-right:-17px;padding:38px 17px}
  .rank-item{grid-template-columns:48px 1fr}
  .rank-item em{display:none}
  .kot-cta{align-items:stretch;flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
}/* ==================================================
   KOT845 OFFICIAL PARTNERS
================================================== */

.kot-partners-section {
	margin: 64px 0;
	padding: 48px;
	background: #111111;
	color: #ffffff;
	border-top: 5px solid #d4af37;
}

.kot-partners-section .kot-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 32px;
}

.kot-partners-section .kot-section-head h2 {
	margin: 4px 0 8px;
	color: #ffffff;
}

.kot-partners-section .kot-section-head p {
	max-width: 650px;
	margin: 0;
	color: rgba(255, 255, 255, 0.75);
	line-height: 1.6;
}

.kot-partners-grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 24px;
}

.kot-partner-card {
	display: flex;
	align-items: center;
	gap: 28px;
	padding: 30px;
	background: #ffffff;
	color: #111111;
	border-radius: 4px;
	box-sizing: border-box;
}

.kot-partner-featured {
	border-left: 6px solid #d4af37;
}

.kot-partner-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 210px;
	min-height: 150px;
	padding: 20px;
	background: #f4f4f4;
	box-sizing: border-box;
}

.kot-partner-logo img {
	display: block;
	width: 100%;
	max-width: 190px;
	max-height: 130px;
	height: auto;
	object-fit: contain;
}

.kot-partner-content {
	flex: 1;
}

.kot-partner-content h3 {
	margin: 6px 0 12px;
	font-size: 1.6rem;
	line-height: 1.15;
}

.kot-partner-content p {
	margin: 0;
	color: #444444;
	line-height: 1.6;
}

.kot-partner-open {
	background: #d4af37;
}

.kot-partner-open .kot-kicker {
	color: #111111;
}

.kot-partner-open p {
	color: #111111;
}

.kot-text-link {
	display: inline-block;
	margin-top: 18px;
	color: #111111;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}

.kot-text-link:hover,
.kot-text-link:focus {
	text-decoration: underline;
}

@media screen and (max-width: 900px) {

	.kot-partners-section {
		padding: 32px 22px;
	}

	.kot-partners-section .kot-section-head {
		align-items: flex-start;
	}

	.kot-partners-grid {
		grid-template-columns: 1fr;
	}

	.kot-partner-card {
		align-items: flex-start;
	}

}

@media screen and (max-width: 600px) {

	.kot-partners-section {
		margin: 40px 0;
		padding: 28px 18px;
	}

	.kot-partners-section .kot-section-head {
		display: block;
	}

	.kot-partners-section .kot-section-head .kot-btn {
		display: inline-block;
		margin-top: 20px;
	}

	.kot-partner-card {
		flex-direction: column;
		padding: 22px;
	}

	.kot-partner-logo {
		width: 100%;
		flex-basis: auto;
	}

	.kot-partner-content h3 {
		font-size: 1.35rem;
	}

}/* ==================================================
   KOT845 ADVERTISING AND PARTNERSHIP PAGE
================================================== */

.kot-ad-page {
	--kot-gold: #f5b800;
	--kot-black: #090a0b;
	--kot-dark: #141518;
	--kot-light: #f3f4f6;
	--kot-border: #d9dce1;
	max-width: 1180px;
	margin: 0 auto;
	padding-bottom: 50px;
	color: #111111;
}

.kot-ad-page,
.kot-ad-page * {
	box-sizing: border-box;
}

.kot-ad-page h1,
.kot-ad-page h2,
.kot-ad-page h3,
.kot-ad-page p {
	margin-top: 0;
}

.kot-ad-page h1,
.kot-ad-page h2,
.kot-ad-page h3 {
	font-weight: 900;
	letter-spacing: -0.035em;
}

.kot-ad-page h2 {
	font-size: clamp(2rem, 4vw, 3.4rem);
	line-height: 0.98;
}

.kot-ad-page h3 {
	font-size: 1.45rem;
	line-height: 1.1;
}

.kot-ad-page p {
	line-height: 1.65;
}

.kot-ad-kicker,
.kot-ad-card-label,
.kot-ad-package-label {
	margin-bottom: 12px;
	color: var(--kot-gold);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.kot-ad-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(45px, 8vw, 90px);
	background:
		linear-gradient(135deg, rgba(0, 0, 0, 0.98), rgba(21, 22, 25, 0.94));
	color: #ffffff;
	border-bottom: 8px solid var(--kot-gold);
}

.kot-ad-hero::after {
	position: absolute;
	right: -80px;
	bottom: -120px;
	width: 360px;
	height: 360px;
	background: var(--kot-gold);
	border-radius: 50%;
	opacity: 0.08;
	content: "";
}

.kot-ad-hero h1 {
	position: relative;
	z-index: 1;
	max-width: 900px;
	margin-bottom: 24px;
	font-size: clamp(2.8rem, 7vw, 6rem);
	line-height: 0.9;
	color: #ffffff;
}

.kot-ad-hero-lead {
	position: relative;
	z-index: 1;
	max-width: 820px;
	font-size: 1.08rem;
	color: rgba(255, 255, 255, 0.82);
}

.kot-ad-hero-proof {
	position: relative;
	z-index: 1;
	color: #ffffff;
}

.kot-ad-actions {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.kot-ad-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 13px 20px;
	border: 2px solid transparent;
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: 0.2s ease;
}

.kot-ad-button-gold {
	background: var(--kot-gold);
	color: #111111;
}

.kot-ad-button-gold:hover {
	background: #ffffff;
	color: #111111;
}

.kot-ad-button-outline {
	border-color: rgba(255, 255, 255, 0.7);
	color: #ffffff;
}

.kot-ad-button-outline:hover {
	background: #ffffff;
	color: #111111;
}

.kot-ad-button-dark {
	background: #111111;
	color: #ffffff;
}

.kot-ad-button-dark:hover {
	background: #ffffff;
	color: #111111;
}

.kot-ad-impact-strip {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	background: var(--kot-gold);
}

.kot-ad-impact-card {
	min-height: 135px;
	padding: 24px 18px;
	border-right: 1px solid rgba(0, 0, 0, 0.18);
}

.kot-ad-impact-card:last-child {
	border-right: 0;
}

.kot-ad-impact-card strong {
	display: block;
	margin-bottom: 8px;
	font-size: clamp(1.8rem, 3vw, 2.8rem);
	line-height: 1;
}

.kot-ad-impact-card span {
	display: block;
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.35;
	text-transform: uppercase;
}

.kot-ad-section {
	padding: clamp(55px, 8vw, 90px) clamp(22px, 5vw, 60px);
}

.kot-ad-section-heading {
	max-width: 820px;
	margin-bottom: 38px;
}

.kot-ad-section-heading p {
	max-width: 700px;
	color: #555960;
}

.kot-ad-season-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.kot-ad-performance-card {
	padding: clamp(26px, 4vw, 42px);
	background: var(--kot-black);
	color: #ffffff;
	border-top: 6px solid var(--kot-gold);
}

.kot-ad-performance-card h3 {
	margin-bottom: 12px;
	font-size: clamp(2rem, 4vw, 3.5rem);
	color: #ffffff;
}

.kot-ad-performance-card > p {
	color: rgba(255, 255, 255, 0.72);
}

.kot-ad-performance-card-gold {
	background: var(--kot-gold);
	color: #111111;
	border-top-color: #111111;
}

.kot-ad-performance-card-gold .kot-ad-card-label,
.kot-ad-performance-card-gold h3,
.kot-ad-performance-card-gold > p {
	color: #111111;
}

.kot-ad-stat-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 28px;
}

.kot-ad-stat-grid > div {
	padding: 16px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
}

.kot-ad-performance-card-gold .kot-ad-stat-grid > div {
	background: rgba(255, 255, 255, 0.4);
	border-color: rgba(0, 0, 0, 0.12);
}

.kot-ad-stat-grid strong {
	display: block;
	margin-bottom: 5px;
	font-size: 1.15rem;
}

.kot-ad-stat-grid span {
	display: block;
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1.35;
	opacity: 0.75;
	text-transform: uppercase;
}

.kot-ad-organic-note,
.kot-ad-data-note {
	margin-top: 20px;
	padding: 14px;
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.45;
	text-transform: uppercase;
}

.kot-ad-organic-note {
	background: var(--kot-gold);
	color: #111111;
}

.kot-ad-data-note {
	background: rgba(255, 255, 255, 0.45);
	color: #111111;
}

.kot-ad-combined {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 50px;
	align-items: center;
	padding: clamp(45px, 7vw, 75px);
	background: #eceef1;
	border-left: 8px solid var(--kot-gold);
}

.kot-ad-combined-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.kot-ad-combined-stats > div {
	padding: 22px;
	background: #ffffff;
	border-bottom: 4px solid var(--kot-gold);
}

.kot-ad-combined-stats strong {
	display: block;
	font-size: 1.7rem;
}

.kot-ad-combined-stats span {
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
}

.kot-ad-metric-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.kot-ad-metric {
	min-height: 130px;
	padding: 22px;
	background: #ffffff;
	border: 1px solid var(--kot-border);
	border-top: 5px solid var(--kot-gold);
}

.kot-ad-metric strong {
	display: block;
	margin-bottom: 9px;
	font-size: 1.5rem;
	line-height: 1;
}

.kot-ad-metric span {
	font-size: 0.7rem;
	font-weight: 800;
	text-transform: uppercase;
}

.kot-ad-rankings {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 45px;
	padding: clamp(45px, 7vw, 75px);
	background: var(--kot-gold);
	color: #111111;
}

.kot-ad-rankings-intro p {
	max-width: 520px;
}

.kot-ad-rankings-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.kot-ad-rankings-stats > div {
	padding: 18px;
	background: rgba(255, 255, 255, 0.52);
}

.kot-ad-rankings-stats strong {
	display: block;
	margin-bottom: 5px;
	font-size: 1.25rem;
}

.kot-ad-rankings-stats span {
	font-size: 0.66rem;
	font-weight: 800;
	text-transform: uppercase;
}

.kot-ad-opportunity-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.kot-ad-opportunity-card {
	padding: 28px;
	background: #ffffff;
	border: 1px solid var(--kot-border);
	border-bottom: 6px solid var(--kot-gold);
}

.kot-ad-card-number {
	margin-bottom: 25px;
	color: var(--kot-gold);
	font-size: 2.3rem;
	font-weight: 900;
	line-height: 1;
}

.kot-ad-opportunity-card p {
	color: #585c63;
}

.kot-ad-opportunity-card ul,
.kot-ad-package-card ul {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.kot-ad-opportunity-card li,
.kot-ad-package-card li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 18px;
	font-size: 0.86rem;
	line-height: 1.45;
}

.kot-ad-opportunity-card li::before,
.kot-ad-package-card li::before {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--kot-gold);
	font-weight: 900;
	content: "•";
}

.kot-ad-packages-section {
	background: #f0f1f3;
}

.kot-ad-package-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.kot-ad-package-card {
	padding: 30px;
	background: #ffffff;
	border: 1px solid var(--kot-border);
}

.kot-ad-package-featured {
	background: var(--kot-black);
	color: #ffffff;
	border-color: var(--kot-black);
	border-top: 7px solid var(--kot-gold);
}

.kot-ad-package-featured h3 {
	color: #ffffff;
}

.kot-ad-price {
	margin: 18px 0;
	color: var(--kot-gold);
	font-size: 1.55rem;
	font-weight: 900;
}

.kot-ad-package-annual {
	grid-column: 1 / -1;
	background: var(--kot-gold);
	border-color: var(--kot-gold);
}

.kot-ad-package-annual .kot-ad-package-label,
.kot-ad-package-annual .kot-ad-price {
	color: #111111;
}

.kot-ad-benefits {
	display: grid;
	grid-template-columns: 0.8fr 1.2fr;
	gap: 45px;
	padding: clamp(45px, 7vw, 75px);
	background: var(--kot-black);
	color: #ffffff;
}

.kot-ad-benefits h2 {
	color: #ffffff;
}

.kot-ad-benefits p {
	color: rgba(255, 255, 255, 0.72);
}

.kot-ad-benefit-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.kot-ad-benefit-grid span {
	padding: 15px;
	background: rgba(255, 255, 255, 0.07);
	border-left: 4px solid var(--kot-gold);
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
}

.kot-ad-why {
	padding: clamp(55px, 8vw, 90px) clamp(22px, 5vw, 60px);
}

.kot-ad-why-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.kot-ad-why-grid > div {
	padding: 25px;
	background: #ffffff;
	border-top: 5px solid var(--kot-gold);
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.07);
}

.kot-ad-why-grid p {
	margin-bottom: 0;
	color: #585c63;
}

.kot-ad-final-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 35px;
	padding: clamp(40px, 7vw, 70px);
	background: var(--kot-dark);
	color: #ffffff;
	border-bottom: 8px solid var(--kot-gold);
}

.kot-ad-final-cta h2 {
	margin-bottom: 12px;
	color: #ffffff;
}

.kot-ad-final-cta p {
	max-width: 650px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.75);
}

.kot-ad-final-cta .kot-ad-actions {
	flex: 0 0 270px;
	margin-top: 0;
}

.kot-ad-final-cta .kot-ad-button {
	width: 100%;
}

@media screen and (max-width: 950px) {

	.kot-ad-impact-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.kot-ad-impact-card:last-child {
		grid-column: 1 / -1;
	}

	.kot-ad-season-grid,
	.kot-ad-combined,
	.kot-ad-rankings,
	.kot-ad-benefits {
		grid-template-columns: 1fr;
	}

	.kot-ad-metric-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.kot-ad-opportunity-grid {
		grid-template-columns: 1fr;
	}

	.kot-ad-final-cta {
		display: block;
	}

	.kot-ad-final-cta .kot-ad-actions {
		margin-top: 25px;
	}

}

@media screen and (max-width: 650px) {

	.kot-ad-hero {
		padding: 42px 22px;
	}

	.kot-ad-hero h1 {
		font-size: 2.65rem;
	}

	.kot-ad-impact-strip,
	.kot-ad-stat-grid,
	.kot-ad-combined-stats,
	.kot-ad-metric-grid,
	.kot-ad-rankings-stats,
	.kot-ad-package-grid,
	.kot-ad-benefit-grid,
	.kot-ad-why-grid {
		grid-template-columns: 1fr;
	}

	.kot-ad-impact-card:last-child,
	.kot-ad-package-annual {
		grid-column: auto;
	}

	.kot-ad-actions {
		display: block;
	}

	.kot-ad-button {
		width: 100%;
		margin-bottom: 10px;
	}

	.kot-ad-section,
	.kot-ad-combined,
	.kot-ad-rankings,
	.kot-ad-benefits,
	.kot-ad-why,
	.kot-ad-final-cta {
		padding: 38px 20px;
	}

}