/* SYNKOC Placements page template */

.sp-page{
	--sp-blue:#1878c1;
	--sp-blue-dk:#0d4f80;
	--sp-red:#b01020;
	--sp-ink:#0f172a;
	--sp-slate:#64748b;
	--sp-line:#e2e8f0;
	--sp-wash:#f8fafc;
	font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
	color:var(--sp-ink);
	line-height:1.6;
}
.sp-page *{box-sizing:border-box}
.sp-inner{max-width:1240px;margin:0 auto;padding:0 20px}
.sp-band{padding:64px 0}
.sp-band-tint{background:var(--sp-wash);border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}

/* ---------------- Hero ---------------- */
.sp-hero{
	position:relative;isolation:isolate;overflow:hidden;
	padding:96px 20px 84px;text-align:center;color:#fff;
	background-image:
		linear-gradient(135deg,rgba(13,79,128,.93) 0%,rgba(24,120,193,.86) 45%,rgba(176,16,32,.88) 100%),
		var(--sp-hero-img);
	background-size:cover;
	background-position:center;
}
.sp-hero::after{
	content:"";position:absolute;inset:0;z-index:-1;
	background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.14) 0%,transparent 58%);
	pointer-events:none;
}
.sp-hero-inner{max-width:880px;margin:0 auto;position:relative}

.sp-eyebrow{
	display:inline-block;font-size:11.5px;font-weight:700;
	letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;
	color:var(--sp-blue);
}
.sp-eyebrow-light{
	color:#fff;padding:7px 17px;border-radius:50px;
	background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);
	backdrop-filter:blur(6px);
}

.sp-hero h1{
	font-size:clamp(30px,5.2vw,52px);font-weight:800;letter-spacing:-.03em;
	line-height:1.08;margin:0 0 16px;color:#fff;
}
.sp-hero h1 em{font-style:italic;color:#ffd166}
.sp-hero-sub{
	font-size:clamp(14.5px,1.6vw,17.5px);color:rgba(255,255,255,.94);
	max-width:740px;margin:0 auto;line-height:1.62;
}

.sp-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.sp-btn{
	display:inline-block;padding:13px 28px;border-radius:50px;
	font-size:14.5px;font-weight:700;text-decoration:none;
	transition:transform .15s,box-shadow .15s,background .15s;
}
.sp-btn:hover{transform:translateY(-2px)}
.sp-btn-solid{background:#fff;color:var(--sp-blue-dk);box-shadow:0 6px 20px rgba(0,0,0,.2)}
.sp-btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.42)}
.sp-btn-ghost:hover{background:rgba(255,255,255,.24)}
.sp-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}

.sp-hero-stats{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.sp-stat{
	padding:15px 24px;border-radius:14px;min-width:132px;
	font-size:13px;font-weight:600;color:#fff;
	background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);
	backdrop-filter:blur(8px);
}
.sp-stat b{display:block;font-size:26px;font-weight:800;margin-bottom:2px;color:#ffd166;letter-spacing:-.02em}

/* ---------------- Trust strip ---------------- */
.sp-trust{background:#fff;border-bottom:1px solid var(--sp-line)}
.sp-trust-row{
	display:flex;flex-wrap:wrap;justify-content:center;gap:14px 36px;padding-top:20px;padding-bottom:20px;
}
.sp-trust-item{
	display:inline-flex;align-items:center;gap:9px;
	font-size:13.5px;font-weight:600;color:var(--sp-slate);
}
.sp-trust-item i{font-style:normal;font-size:17px}

/* ---------------- Mission ---------------- */
.sp-mission{
	background:#fff;border:1px solid var(--sp-line);border-radius:16px;
	padding:34px 38px;display:flex;gap:26px;align-items:center;
	box-shadow:0 4px 16px rgba(15,23,42,.05);
}
.sp-mission-icon{
	width:80px;height:80px;flex:0 0 80px;border-radius:18px;font-size:36px;
	background:linear-gradient(135deg,var(--sp-red),#8b0c19);color:#fff;
	display:flex;align-items:center;justify-content:center;
	box-shadow:0 6px 18px rgba(176,16,32,.26);
}
.sp-mission h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px;line-height:1.25}
.sp-mission h2 em{font-style:italic;color:var(--sp-red)}
.sp-mission p{font-size:14.5px;color:#334155;margin:0;line-height:1.65}

/* ---------------- Section heads ---------------- */
.sp-head{
	display:flex;align-items:flex-end;justify-content:space-between;
	gap:26px;margin:0 0 30px;
}
.sp-page > .sp-inner > .sp-head{margin-top:64px}
.sp-head-text{max-width:680px}
.sp-head h2{
	font-size:clamp(23px,3vw,33px);font-weight:800;letter-spacing:-.02em;
	line-height:1.18;margin:0 0 8px;
}
.sp-head h2 em{font-style:italic;color:var(--sp-red)}
.sp-head p{font-size:14.5px;color:var(--sp-slate);margin:0;line-height:1.62}
.sp-head-link{
	flex-shrink:0;font-size:14px;font-weight:700;color:var(--sp-blue);
	text-decoration:none;white-space:nowrap;padding-bottom:4px;
	border-bottom:2px solid transparent;transition:border-color .15s;
}
.sp-head-link:hover{border-bottom-color:var(--sp-blue)}

.sp-band-reviews{margin-top:64px}
.sp-content{margin:56px auto}

/* ---------------- CTA ---------------- */
.sp-cta-band{padding-top:0}
.sp-cta{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sp-cta-card{
	padding:36px 30px;border-radius:16px;text-align:center;display:block;
	text-decoration:none;transition:transform .22s,box-shadow .22s;
}
.sp-cta-card.student{background:linear-gradient(135deg,var(--sp-red),#8b0c19);color:#fff}
.sp-cta-card.employer{background:linear-gradient(135deg,var(--sp-blue),var(--sp-blue-dk));color:#fff}
.sp-cta-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.2)}
.sp-cta-icon{
	width:56px;height:56px;border-radius:14px;margin:0 auto 15px;font-size:25px;
	background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;
}
.sp-cta-card h3{font-size:19.5px;font-weight:800;margin:0 0 8px;color:#fff;letter-spacing:-.01em}
.sp-cta-card p{font-size:13.5px;color:rgba(255,255,255,.92);margin:0 0 20px;line-height:1.55}
.sp-cta-btn{
	display:inline-block;padding:12px 27px;border-radius:50px;background:#fff;
	font-weight:700;font-size:13.5px;box-shadow:0 4px 14px rgba(0,0,0,.18);
}
.sp-cta-card.student .sp-cta-btn{color:var(--sp-red)}
.sp-cta-card.employer .sp-cta-btn{color:var(--sp-blue)}

/* ---------------- Responsive ---------------- */
@media(max-width:860px){
	.sp-hero{padding:68px 20px 58px}
	.sp-band{padding:46px 0}
	.sp-mission{flex-direction:column;text-align:center;padding:28px 22px}
	.sp-mission-icon{margin:0 auto}
	.sp-head{flex-direction:column;align-items:flex-start;gap:12px}
	.sp-page > .sp-inner > .sp-head{margin-top:46px}
	.sp-band-reviews{margin-top:46px}
	.sp-cta{grid-template-columns:1fr}
}
@media(max-width:540px){
	.sp-hero-actions{flex-direction:column}
	.sp-btn{width:100%}
	.sp-stat{min-width:0;flex:1 1 calc(50% - 7px);padding:12px 15px}
	.sp-stat b{font-size:21px}
	.sp-trust-row{gap:12px 20px}
	.sp-trust-item{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){
	.sp-page *{transition:none!important}
}