/* ===== HERO ===== */
.hero .glow{position:absolute;border-radius:50%;z-index:0}
.hero .g1{width:600px;height:600px;right:-160px;top:-180px;background:radial-gradient(circle at 50% 50%,rgba(255,206,122,.22),transparent 62%)}
.hero .g2{width:480px;height:480px;left:-160px;bottom:-200px;background:radial-gradient(circle at 50% 50%,rgba(63,194,203,.18),transparent 62%)}
.hero .plus{position:absolute;color:rgba(255,255,255,.06);font-family:var(--display);font-weight:800;font-size:8rem;right:6%;bottom:6%;line-height:1;animation:bob 9s ease-in-out infinite}
.hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center; padding: 0px 40px 80px}
.hero .eyebrow{color:var(--teal-400)}
.hero h1{font-size:clamp(2.5rem,5vw,4.2rem);letter-spacing:-.035em;line-height:1.03;margin:20px 0 20px}
.hero h1 .accent{position:relative;color:#007c9f;white-space:nowrap}
.hero h1 .accent::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.13em;background:var(--gold);border-radius:6px;z-index:-1;transform:scaleX(0);transform-origin:left;animation:underline .9s 1.1s cubic-bezier(.22,1,.36,1) forwards}
@keyframes underline{to{transform:scaleX(1)}}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}

.hero{
	position: relative;
	padding: 150px 0 80px;
	overflow: hidden;
	color: #fff;
	isolation: isolate;

	background: url("/wp-content/uploads/2026/06/partner-banner-scaled.png") top center/cover no-repeat;
}
.hero h1 {
	font-size: clamp(2.5rem, 5vw, 4.2rem);
	letter-spacing: -.035em;
	line-height: 1.03;
	margin: 20px 0 20px;
	color: #021d33;
}
.hero .lead {
	font-size: 1.06rem;
	color: #000;
	max-width: 560px;
	margin-bottom: 30px;
	font-weight: 500;
}


/* ===== HOW IT WORKS / who can use ===== */
.unlocks{padding:84px 0;background:var(--paper)}
.unlocks-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}
.unlocks h2{font-size:clamp(1.8rem,3.2vw,2.5rem);color:var(--teal-900);margin:14px 0 18px}
.unlocks h2 .y{color:var(--coral)}
.unlocks p{color:var(--ink-soft);font-size:1.04rem;margin-bottom:16px}
.unlocks .scope{display:grid;gap:12px;margin-top:8px}
.scope .srow{display:flex;gap:13px;align-items:center;background:var(--cream);border:1px solid var(--line);border-radius:var(--r-sm);padding:15px 18px}
/* .scope .si{width:38px;height:38px;border-radius:11px;background:var(--cyan-100);color:var(--teal-700);display:grid;place-items:center;font-size:1.1rem;flex:none} */
.scope .srow b{font-family:var(--display);color:var(--teal-900);font-size:1rem}

.srow{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:15px;
}

.si{
	width:32px;
	height:32px;
	object-fit:contain;
	flex-shrink:0;
}

/* .unlocks-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
} */

.family-wrap{
	position:relative;
	text-align:center;
}

.family-image{
	position:relative;
	z-index:1;
}

.family-image img{
	width:100%;
	max-width:350px;
	height:auto;
	display:block;
	margin:0 auto;
}

.family{
	background:#003f52;
	border-radius:35px;
	padding:100px 40px 40px;
	color:#fff;
	text-align:left;
	position:relative;
	z-index:1;
}

.family small{
	color:#f6b73c;
	font-weight:700;
	letter-spacing:2px;
}

.family h3{
	font-size:42px;
	line-height:1.2;
	margin:15px 0 25px;
}

.fam-row{
	display:flex;
	flex-wrap:wrap;
	gap:15px;
}

.fchip{
	background:rgba(255,255,255,.12);
	border:1px solid rgba(255,255,255,.15);
	padding:14px 22px;
	border-radius:50px;
}

@media(max-width:768px){

	.unlocks-grid{
		grid-template-columns:1fr;
	}

	.family-image img{
		max-width:280px;
	}

	.family{
		padding:80px 25px 25px;
	}

	.family h3{
		font-size:30px;
	}
}

@media(max-width:768px){

	.family{
		padding:110px 25px 25px;
	}


	.family-image img{
		max-width:100%;
	}
}


/* family card */
.family{background:linear-gradient(150deg,var(--teal-700),var(--teal-900));border-radius:var(--r-lg);padding:40px 36px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}
.family::before{content:"";position:absolute;right:-30px;top:-30px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.07)}
.family small{display:block;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;color:var(--gold);margin-bottom:12px;position:relative}
.family h3{font-size:1.5rem;margin-bottom:18px;position:relative;line-height:1.2}
.family .fam-row{position:relative;display:flex;gap:10px;flex-wrap:wrap}
.family .fchip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:9px 16px;font-weight:600;font-size:.86rem;display:flex;align-items:center;gap:8px}

/* ===== PARTNER NETWORK ===== */
.network{padding:88px 0;background:linear-gradient(180deg,var(--cyan-50),var(--cream))}
.net-tools{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.filterbar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.fpill{font-family:var(--body);font-weight:600;font-size:.9rem;cursor:pointer;border:1.5px solid var(--line);background:#fff;color:var(--ink-soft);padding:11px 20px;border-radius:100px;transition:all .3s;display:inline-flex;align-items:center;gap:8px}
.fpill .c{font-size:.72rem;background:var(--cyan-100);color:var(--teal-700);padding:2px 9px;border-radius:100px;font-weight:700;transition:all .3s}
.fpill:hover{border-color:var(--teal-400);color:var(--teal-700)}
.fpill.active{background:var(--teal-700);color:#fff;border-color:var(--teal-700);box-shadow:0 14px 30px -14px rgba(10,108,116,.9)}
.fpill.active .c{background:rgba(255,255,255,.22);color:#fff}
.net-search{max-width:460px;margin:18px auto 40px;position:relative}
.net-search input{width:100%;padding:14px 20px 14px 46px;border-radius:100px;border:1.5px solid var(--line);font-family:var(--body);font-size:.95rem;color:var(--ink);background:#fff;transition:.3s}
.net-search input:focus{outline:none;border-color:var(--teal-400);box-shadow:var(--shadow-sm)}
.net-search .si{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:1.05rem;opacity:.6}

.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.partner{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:0;transition:.4s;display:flex;flex-direction:column;overflow:hidden;position:relative}
.partner::after{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--ac,var(--teal-500));transform:scaleY(0);transform-origin:top;transition:transform .4s}
.partner:hover{transform:translateY(-7px);box-shadow:var(--shadow-md)}
.partner:hover::after{transform:scaleY(1)}
.partner.hide{display:none}





.p-logo{height:108px;display:grid;place-items:center;background:var(--cream);border-bottom:1px solid var(--line);padding:18px;position:relative}
.p-logo img{max-height:64px;max-width:80%;width:auto;object-fit:contain}
.p-logo .mono{display:none;font-family:var(--display);font-weight:800;font-size:1.4rem;color:var(--teal-700)}
.p-logo.imgfail img{display:none}.p-logo.imgfail .mono{display:block}
.p-cat{position:absolute;top:12px;right:12px;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-600);background:var(--cyan-100);padding:4px 10px;border-radius:100px}
.p-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.p-name{font-family:var(--display);font-size:1.18rem;color:var(--teal-900);margin-bottom:14px;letter-spacing:-.02em}
.p-benefits ul{list-style:none;display:grid;gap:9px;margin-bottom:20px;flex:1}
.p-benefits {flex: 1 1 0%;}
.p-benefits li, .partner .wp-block-list li{display:flex;gap:7px;font-size:.9rem;color:var(--ink);line-height:1.4}
.p-benefits li .pct{flex:none;width:22px;height:22px;border-radius:7px;background:var(--gold-soft);color:#7a5300;display:grid;place-items:center;font-size:.7rem;font-weight:800;margin-top:1px}
.p-benefits li.fine{color:var(--ink-soft);font-size:.82rem;font-style:italic}
.p-benefits li.fine .pct{background:transparent;color:var(--ink-soft)}
.p-visit{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.9rem;color:var(--teal-700);align-self:flex-start;transition:gap .3s}
.p-visit:hover{gap:12px}
.p-visit.none{color:var(--ink-soft);opacity:.55;pointer-events:none}
.no-result{text-align:center;color:var(--ink-soft);padding:40px;display:none;font-size:1rem}
.dev-note{max-width:820px;margin:34px auto 0;background:var(--cyan-50);border:1px dashed var(--teal-400);border-radius:var(--r-md);padding:16px 22px;color:var(--teal-700);font-size:.84rem}
.dev-note b{font-family:var(--display)}

/* ===== CTA ===== */
/* ===== CTA ===== */

.cta{
	padding:80px 0;
	background:#fff;
}

.cta-card{
	position:relative;
	min-height:460px;
	border-radius:40px;
	overflow:hidden;
	display:flex;
	align-items:center;
	padding:70px;
	background:url("/wp-content/uploads/2026/06/partner-end-banner.png") center center/cover no-repeat;
}


.cta-content{
	position:relative;
	z-index:1;
	max-width:600px;
	color:#fff;
}

.cta-content h2{
	color:#fff;
	font-size:clamp(2.5rem,4vw,4rem);
	line-height:1.1;
	margin-bottom:30px;
}

.cta-content p{
	color:rgba(255,255,255,.9);
	font-size:1.2rem;
	line-height:1.6;
	margin-bottom:28px;
}

.cta-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:18px;
	min-width:300px;
	padding:18px 34px;
	border-radius:60px;
	background:#fff;
	color:#004352;
	font-weight:700;
	text-decoration:none;
	font-size:1.15rem;
	transition:.3s;
}

.cta-btn:hover{
	transform:translateY(-2px);
}

.cta-btn span{
	font-size:1.6rem;
	line-height:1;
}

.p-benefits li .k {
    color: var(--teal-600);
    font-weight: 800;
    flex: none;
}

/* Mobile */

@media(max-width:600px){

	.cta-card{
		padding:20px 10px;
		border-radius:24px;
		background-position: 50% center;
		text-align: center;
		height: 500px;
	}


	.cta-content h2{
		font-size:2rem;
	}

	.cta-content p{
		font-size:1rem;
	}

	.cta-btn{
		width:50%;
		min-width:70%;
		font-size: 14px;
		padding: 15px 20px;
	}
	.cta-btn span {
		font-size: 18px;
		line-height: 1;
	}

	.hero{
		padding: 80px 0 80px;
		background: url("/wp-content/uploads/2026/06/partner-mobile.png") no-repeat;
		background-size: cover;
		background-position: center bottom;
	}

}

/* footer */
footer{background:var(--teal-900);color:#fff;padding:70px 0 30px;position:relative;overflow:hidden}
.foot-cross{position:absolute;font-weight:800;color:rgba(255,255,255,.05);font-size:14rem;right:-30px;top:-40px;line-height:1;font-family:var(--display)}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;position:relative}
.foot-grid .logo{color:#fff;margin-bottom:16px}.foot-grid .logo b{color:var(--coral)}
.foot-about{color:rgba(255,255,255,.65);font-size:.92rem;max-width:280px}
.foot-col h5{font-family:var(--display);font-size:1rem;margin-bottom:16px}
.foot-col a{display:block;color:rgba(255,255,255,.65);font-size:.9rem;padding:5px 0;transition:.25s}
.foot-col a:hover{color:#fff;padding-left:6px}
.foot-bottom{margin-top:46px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:rgba(255,255,255,.5);font-size:.84rem;position:relative}


/* reveal */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.shinecard{animation:none}




.ck {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #d6f3f5;
	color: #003646;
	display: grid;
	place-items: center;
	flex: none;
	font-size: .82rem;
	font-weight: 700;
	margin-top: 1px;
}


.partner:nth-child(7n+1):hover{
	--ac:#16a3ad;   /* Teal */
}

.partner:nth-child(7n+2):hover{
	--ac:#1e6fb5;   /* Blue */
}

.partner:nth-child(7n+3):hover{
	--ac:#0e8089;   /* Dark Teal */
}

.partner:nth-child(7n+4):hover{
	--ac:#9b6bd6;   /* Purple */
}

.partner:nth-child(7n+5):hover{
	--ac:#ff6b5e;   /* Coral */
}

.partner:nth-child(7n+6):hover{
	--ac:#ffc24b;   /* Yellow */
}

.partner:nth-child(7n):hover{
	--ac:#3fc2cb;   /* Aqua */
}

@media(max-width:980px){
	.nav-links,.nav-cta{display:none}.burger{display:flex}
	.hero-inner,.unlocks-grid{grid-template-columns:1fr;gap:34px}
	.card-art{height:300px;order:-1}
	.partner-grid{grid-template-columns:1fr 1fr}
	.foot-grid{grid-template-columns:1fr 1fr;gap:30px}
}
@media(max-width:600px){
	.wrap{padding:0 18px}
	.partner-grid,.foot-grid{grid-template-columns:1fr}
	.float-tag{display:none}

	.hero h1{font-size:2.3rem}

	.hero h1 .accent {
		position: relative;
		white-space: normal;
	}
	.hero-banner-logo {
		width: 100px;
	}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}